AjaxControlToolkit，ComboBox風格

Question

我對ComboBox控件（AjaxControlToolkit）的箭頭圖像有點問題。

我定義這個風格：

.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button 
{ 
    margin: 0; 
    padding: 0; 
    background-image: url(../icons/windows-arrow.gif); 
    background-position: top left; 
    border: 0px none; 
    height: 21px; 
    width: 21px; 
} 

我設置組合框這種風格，但控制在顯示文本框的邊框箭頭前面：

看here中，邊界不顯示！

如何隱藏此邊框？

Answer 1

這是對我工作的罰款，我在我的頁面頭部下面的CSS（儘管它可以去別的地方像場的樣式表）

<style type="text/css"> 
    .WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input 
    { 
     margin: 0; 
     border: solid 1px #7F9DB9; 
     border-right: 0px none; 
     padding: 1px 0px 0px 5px; 
     font-size: 13px; 
     height: 18px; 
     position: relative;  
    } 
    .WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button 
    { 
     margin: 0; 
     padding: 0; 
     background-image: url(windows-arrow.gif); 
     background-position: top left; 
     border: 0px none; 
     height: 21px; 
     width: 21px; 
    } 
    .WindowsStyle .ajax__combobox_itemlist 
    { 
     border-color: #7F9DB9; 
    } 
</style> 

然後，我有這個

<ajaxToolkit:ComboBox ID="ComboBox1" runat="server" CssClass="WindowsStyle"> 
<asp:ListItem Text="[Select an item]" Value="" /> 
<asp:ListItem Text="Actual Item #1" Value="SomeValue" /> 
<asp:ListItem Text="Actual Item #2" Value="3" /> 
<asp:ListItem Text="Actual Item #3" Value="xxx" /> 
</ajaxToolkit:ComboBox> 

也許你有一些衝突的造型：在我的頁面的主體控制標記？你有沒有嘗試過一個簡單的頁面，但你需要什麼來生成組合框？