0

私は新しい ASP.NET 開発者で、ASP.NET AjaxControlToolkit を使用しようとしています。私は ComboBox コントロールが好きで、それを Web サイト HEREでそのまま使用しようとしています。

シンプルなページにドラッグ アンド ドロップして、スタイルを適用しました。ただし、Web サイトのように正しく表示されませんでした。

ASP.NET コード:

<div>
        <asp:ComboBox ID="ComboBox1" runat="server" DropDownStyle="DropDownList"
                            AutoCompleteMode="SuggestAppend" CssClass="AjaxToolkitStyle" AppendDataBoundItems="false">
                    <asp:ListItem>Select</asp:ListItem>
                    <asp:ListItem>All</asp:ListItem>
                </asp:ComboBox>
    </div>

CSS コード:

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body, div, p, h1, h2, h3, h4, ul, li, table
{
    margin:0;
    padding:0;
    border:none;
}
/* ComboBox styles */
#master_content .ajax__combobox_itemlist
{
    margin: 0px;
}

.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    background-image: url(ComboBox/images/toolkit-bg.gif);
    background-position: top left;
    border: 0px none;
    color: #FFFFFF;
    padding: 4px 0px 3px 5px;
    font-size: 13px;
    height: 16px;
    width: 240px;
}
.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
    background-image: url(ComboBox/images/toolkit-arrow.gif);
    background-position: top left;
    border: 0px none;
    height: 23px;
    width: 23px;
}
.AjaxToolkitStyle .ajax__combobox_itemlist
{
    border-color: #0F2543;
    background-color: #EFEFEF;
}

ここに私が持っているもののスナップショットがあります:

ここに画像の説明を入力

では、どうすればこの問題を解決できますか?

4

1 に答える 1

1

使用する

position: relative;
top: -7px;

の.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input

それに応じてトップを調整します

于 2013-10-31T12:04:27.173 に答える