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> 

也许你有一些冲突的造型：在我的页面的主体控制标记？你有没有尝试过一个简单的页面，但你需要什么来生成组合框？