Wie zu beheben Stil ASP.NET AjaxToolkit ComboBox?

Ich bin ein neuer ASP.NET Entwickler und ich bin versucht, ASP.NET AjaxControlToolkit. Ich mag das ComboBox-Steuerelement, und ich bin versucht, es zu benutzen, wie (es ist) in seine website HIER.

Ich nur gezogen und es in meine Seite und ich habe das Stil. Allerdings konnte er sich nicht richtig angezeigt, wie in Ihrer website.

ASP.NET Code:

<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-Code:

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;
}

Hier ist Momentaufnahme von dem, was ich habe:

Wie zu beheben Stil ASP.NET AjaxToolkit ComboBox?

So wie kann ich dieses problem beheben?

Schreibe einen Kommentar