Wie heißt dieser Auswahlbutton bei <select>?

[LeCub]

Wie der Titel schon sagt suche Ich nach dem Namen von diesem kleinen button rechts bei einem select element mit dem man die optionen öffnet. Würde den gerne anders gestalten. Kann mir jemand helfen?

 

[nookie]

Ich glaube du wärst schneller gewesen, wenn du einfach mal gegoogelt hättest.

https://www.google.com/search?q=style+select&ie=utf-8&oe=utf-8#q=style+select+box+css

 

[Matthias Lang]

Hey, diesen kleinen Button kann man per CSS nicht ansteuern. Das geht regulär nicht, weil das Design des <select>-Elements vom Browser selbst vorgegeben ist. Du kannst aber mit etwas Aufwand eine eigene Selectbox designen oder versuchen die jetzige mit Ebenen und Layern anzupassen. Da gibt es zahlreiche Tutorials im Internet.

 

[LeCub]

@nookie hab ich versucht aber hab keine Frage für Google auf die Kette bekommen . @Matthias Lang danke für den Hinweis (Ich wäre daran wahrscheinlich verzweifelt:)). Dann bleibt das halt so

 

[nookie]

@nookie hab ich versucht aber hab keine Frage für Google auf die Kette bekommen . @Matthias Lang danke für den Hinweis (Ich wäre daran wahrscheinlich verzweifelt:)). Dann bleibt das halt so

Meistens reicht es wenn du Google mit den entsprechenden Stichwörtern fütterst. :)

 

[Hallo-Welt]

Falls es noch jemanden interessieren sollte: Diese Auswahlbuttondinger bei <select>, von denen ihr so schön schwafelt heißen dropdown list. Vielleicht würde man bei Google dann auch was finden....

 

[nookie]

Falls es noch jemanden interessieren sollte: Diese Auswahlbuttondinger bei <select>, von denen ihr so schön schwafelt heißen dropdown list. Vielleicht würde man bei Google dann auch was finden....

Neeeeeeeeeeein Jetzt war ich Jahre lang im Glauben das eine Selectbox != Dropdownlist ist.

 

[thecain]

Nein, es sind nicht die <options> gemeint, sondern der "Pfeil" rechts...

 

[_R_A_L_F_]

Kleines Beispiel wie man den Style einer <select> Box ändert:

HTML

<select name="option1" class="select">
<option>Option1</option>
<option>Option2</option>
</select>

CSS

.select {
   font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
   width: 130px;
   margin-top: 3px;
   margin-bottom: 15px;
   color: #636363;
   border: 2px solid #B5B8C8;
   font-size: 12px;
   background: #FFF;
}

 

[nookie]

Kleines Beispiel wie man den Style einer <select> Box ändert:

HTML

<select name="option1" class="select">
<option>Option1</option>
<option>Option2</option>
</select>

CSS

.select {
   font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
   width: 130px;
   margin-top: 3px;
   margin-bottom: 15px;
   color: #636363;
   border: 2px solid #B5B8C8;
   font-size: 12px;
   background: #FFF;
}

Damit änderst du aber nicht den Auswahlbutton der Dropdownlist. Das war hier die Frage.

 

[_R_A_L_F_]

Schon klar @nookie aber ich wollte ihm damit eigentlich nur ein Beispiel geben wie er die <select> Box abändern kann. Das du den Auswahlbutton nicht ändern kannst sollte ja jetzt soweit klar sein ;)

 

[LeCub]

JA die Dinge die du aufgezählt hast waren mir schon klar