ASP.NET AjaxToolkit ComboBox의 스타일을 수정하는 방법은 무엇입니까?

저는 새로운 ASP.NET 개발자이며 ASP.NET AjaxControlToolkit을 사용하려고합니다. ComboBox 컨트롤이 마음에 들며 its website HERE (있는 그대로)으로 사용하려고합니다.ASP.NET AjaxToolkit ComboBox의 스타일을 수정하는 방법은 무엇입니까?

그냥 간단한 페이지에서 드래그 앤 드롭하여 스타일을 적용했습니다. 그러나 웹 사이트처럼 제대로 표시되지 않았습니다.

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

내가 무슨의 스냅 샷입니다 어떻게이 문제를 해결할 수 있습니까?

출처

2013-10-01 Technology Lover