Styling DropDownList ASP.NET

Hallo, ich versuche, meine DropDownList so in meinem ASP.NET web-Anwendung.

Ich kann nicht verwenden, die select tag, weil ich bin schon begrenzt einige Daten an die DropDownList.
Grundsätzlich bin ich versucht zu entfernen, die Standard-Pfeil-Taste aus der DropDownList und fügen Sie dieses Bild als hintergrund. Gibt es eine Möglichkeit, dies zu tun mit CSS.
Dies ist das css, das ich verwendet habe

.drop-down-style
{
  width:150px;
  height:20px;
  border:solid 2px #a3a4a6;
  background-image:url('../Images/DropDownImage.gif');
}

noupe.com/css/... ryanfait.com/resources/custom-checkboxes-and-radio-buttons/... bavotasan.com/2011/style-select-box-using-only-css Aber wissen, dass möglicherweise nicht in allen Browsern
Ich denke, deine Frage kann hier beantwortet werden: [stackoverflow.com/questions/458657/.... [1]: stackoverflow.com/questions/458657/...

InformationsquelleAutor Rakesh | 2013-06-06

Sowas?

CSS:

.styled-select {
    width: 308px;
    height: 23px;
    overflow: hidden;
    background:url(arrow_xs.png) no-repeat 225px #FFF;
    border: 1px solid #ccc;
}
.styled-select select {
    background: transparent;
    width: 309px;
    padding-right: 4px;
    padding-bottom:7px;
    padding-left: 4px;
    padding-top: 0px;
    font-size: 12px;
    line-height: 1;
    border: none;
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
}

HTML

<div class="styled-select">
    <select>
        <option>First option</option>
        <option>Second option</option>
    </select>
</div>

edit: Man kann einen Pfeil mit Positionierung (div).

Bearbeiten lege ich diese in ein jsfiddle für Sie: http://jsfiddle.net/X4J3L/1/

InformationsquelleAutor Fred

0

eher dann nutzen Sie einige Drittanbieter-Plug-ins und jquery-Skripte verwenden , sollten Sie das ajax-toolkit durch die combo-box. ein Beispiel finden Sie hier

Combo-box-Beispiel

InformationsquelleAutor Ali Umair

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.