如何修復ASP.NET AjaxToolkit組合框的風格？

我是一名新的ASP.NET開發人員，我嘗試使用ASP.NET AjaxControlToolkit。我喜歡ComboBox控件，我試圖在its website HERE中使用它（它是）。如何修復ASP.NET AjaxToolkit組合框的風格？

我只是將它拖放到我的簡單頁面中，然後將樣式應用到它。但是，它的網站沒有正確顯示。

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

這裏是我有什麼快照：

enter image description here