| 

.NET C# Java Javascript Exception

0
Wie kann ich eine HTML ComboBox bzw. select/option-Liste stylen, so dass manche Einträge fett erscheinen und manche nicht?
11.09.2009
Schlüsselkind 1 1 1
4 Antworten
2
Generell kannst du dafür CSS verwenden. Hier einmal ein Beispiel:

<form
name="form5">
<select name="select">
<option
value="1" style="background-color : pink">Link Nr. </option>

<option value="2" style="background-color : yellow">Link
Nr.</option>
<option value="3" style="background-color
: lightblue">Link Nr.</option>
</select>
</form>


Wenn du allerdings kein CSS innerhalb deiner Seite benutzen willst, so kannst du mit Hilfe von Klassen deine einzelnen Optionen stylen:

<style tyle=text/css>
option.red {background-color: #cc0000; font-weight: bold; font-size: 12px; color: white;}
option.pink {background-color: #ffcccc;}
</style>


<option class="red" value="1">Option 1</option>
<option class="pink" value="2">Option 2</option>


Ich hoffe das ist so ungefähr das, was du suchst.
11.09.2009
Dustin Klein 2,9k 2 9
1
Genau so wie jedes andere Element auch, per CSS.

CSS:
option.change1{color:red}
option.change2{color:blue}


HTML:
<select name='test'>
<option class='change1'>Wert1</option>
<option class='change2'>Wert2</option>
</select>


Grüßle
11.09.2009
Scout 1,4k 2 8
Und was ist jetzt der Unterschied deiner Antwort zu der von Dustin Klein?
Was bringt das hier X-Antworten zu posten die alle den gleichen Inhalt haben? Codekicker ist kein Forum!
FalkP 11.09.2009
1
da sollten die Betreiben auch mal zwischendurch etwas bereinigen - mich nervt das auch, wenn man 5 x mal eine Antwort liest in 8 Variationen
Rene Drescher-Hackel 11.09.2009
1
Das Stylen von <option>-Elementen funktioniert, wie das Stylen aller anderen Elemente.

Allerdings musst du beachten, dass manche Browser, im Speziellen der Internet-Explorer, nicht in der Lage sind, deine Style-Regeln umzusetzen. Der Internet-Explorer unterstützt zum Beispiel nur eine sehr geringe Bandbreite an CSS-Eigenschaften, die er auf ein <option>-Element anwendet, dazu gehört z.B. "color" oder "font", also nur "rudimentäre" Eigenschaften.
11.09.2009
Blauesocke 637 2 8
0
Es gibt einige Alternativen wenn Du jQuery benutzt.
Dort mal unter PlugIns nach 'SelectBox' oder 'DropDown' suchen.
Ein Beispiel: DropDown ComboBox
14.09.2009
DaSpors 4,2k 2 8

Stelle deine Html-Frage jetzt!