AjaxControlToolkit, ComboBox-Stil

Bin ich mit einem kleinen problem mit den Pfeil-Bild von einem ComboBox-Steuerelement (AjaxControlToolkit).

Definiere ich in diesem Stil:

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

Ich diesen Stil auf combobox, aber die Steuerung zeigt die Grenze des Textfeld, bevor der Pfeil:

AjaxControlToolkit, ComboBox-Stil

Aussehen hier, die Grenze nicht angezeigt!

Wie kann ich mich verstecken diese Grenze?

InformationsquelleAutor Fabio | 2009-11-07

  1. 4

    Dies ist in Ordnung für mich, ich habe Folgendes css in meiner Seite den Kopf (obwohl es kann überall hingehen, wie sonst in einem stylesheet natürlich)

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

    Und dann habe ich das control markup in den Körper von meiner Seite:

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

    Vielleicht haben Sie einige widersprüchliche styling? Haben Sie versucht, eine einfache Seite mit nichts aber, was Sie benötigen, um zu generieren, die combobox?

    Ich habe diese andere Stile, und die Arbeit! Danke!!!

    InformationsquelleAutor David Hall

Schreibe einen Kommentar