AjaxControlToolkit, style ComboBox

Question

Je suis avec un petit problème avec l'image en flèche d'un contrôle ComboBox (AjaxControlToolkit).

Je définissent ce style:

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

Je mets ce style sur combobox, mais le contrôle montrent la frontière de la zone de texte avant la flèche:

Regardez here, la la frontière ne montre pas!

Comment cacher cette bordure?

Answer 1

Cela fonctionne très bien pour moi, je le css suivant dans ma tête de page (même si elle peut aller nulle part ailleurs comme dans une feuille de style bien sûr)

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

Et puis je cette contrôler le balisage dans le corps de ma page:

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

Peut-être avez-vous un style conflictuel? Avez-vous essayé une page simple avec rien, mais ce dont vous avez besoin pour générer la liste déroulante?