HTML: Farbe bei <option> in select-Auswahl verändern (Firefox)

Tim 🔆 Gast #7988604
Lesenswert?
• ▲
▼

Wie kann ich in html die Farbe einzelner Einträge (<option> Tag) in einem select-Auswahlfeld verändern?

Ich habe schon lange herumprobiert und die Suchmaschine bemüht, aber alle Styling-Angaben im <option> Tag ob klassich oder mit CSS werden ignoriert.

Wie auf dem Screenshot zu sehen, habe ich mir erst mal mit eckigen Klammern beholfen, aber die sind sehr schlecht zu erkennen.

Das ganze läuft lokal auf meinem Rechner, es soll und muss nur beim Firefox funktionieren.

Gerne auch Javascript, aber da bräuchte ich ein funktionierendes Beispielscript, wo ich mich weiter hangeln kann, da ich mich damit so gut wie nicht auskenne.

Angehängte Dateien:
Antwort Zitieren Bearbeiten Thread verschieben Thread sperren Anmeldepflicht aktivieren Anpinnen Thread löschen Thread mit anderem zusammenführen Beitrag melden
Norbert #7988618
Lesenswert?
• ▲
▼ 
1
 
<!DOCTYPE html>

2
 
<html>

3
 
<head>

4
 
<meta charset="utf-8" />

5
 
<title>Title</title>

6
 
<style type="text/css"><!--

7
 
option.C {

8
 
  background-color: #B11010;

9
 
}

10
 
--></style>

11
 
</head>

12
 
<body>

13
 
<select name="selector" size="5">

14
 
<option value="1" label="A..........A"></option>

15
 
<option value="2" label="B..........B"></option>

16
 
<option class="C" value="3" label="C..........C"></option>

17
 
</select>

18
 
</body>

19
 
</html>
Antwort Zitieren Bearbeiten Löschen Beitrag melden
Tim 🔆 Gast #7990840
Lesenswert?
• ▲
▼

Erik Z. schrieb:

Wenn das MDN Beispiel bei dir direkt läuft, würde ich daran anknüpfen. Für ein rein lokales Projekt und nur Firefox kann man sich viele Kompromisse erlauben. In so einem Rahmen ist das wahrscheinlich der pragmatischste Weg.

Direkt dann doch nicht, weil es mir eigentlich darum ging dass bestimmte Optionen "vormarkiert" sind und nicht die selektierte. Ich hätte es anhand des Beispiels sicher hin bekommen, habe dann aber erst mal eine pragmatische Lösung gewählt und einfach ein auffällig gelbes Smiley aus dem Unicode Zeichensatz vor den Text gesetzt. Wenn ich es später schöner haben will, kann ich mich immer noch damit befassen.

Das ist ja nur ein Hobbyprojekt. Ein CMS für meine Homepage, das aber auf meinem Rechner zu Hause läuft und nicht im Internet.

Angehängte Dateien:
Antwort Zitieren Bearbeiten Löschen Beitrag melden
Thread beobachten

Antwort schreiben

Eine eigene Frage? Dieser Thread ist über 9 Monate alt. Stell sie in einem eigenen Thread – dort lesen mehr Leute mit, und sie wird öfter und schneller beantwortet.

Neuen Thread starten

Eine Lösung, Ergänzung oder Rückmeldung zu diesem Thread? Dann antworte hier.

Formatierung
  • [c]C-Code[/c]
  • [code]Code in anderen Sprachen, ASCII-Zeichnungen[/code]
  • [math]Formel in LaTeX-Syntax[/math]
  • [[Titel]] – Link zu einem Artikel
  • Verweis auf einen anderen Beitrag: Rechtsklick auf dessen Beitrags-ID (#8078628), „Adresse kopieren“, in den Text einfügen

Mehr zur Formatierung

Längeren Sourcecode als Anhang, nicht in den Text. JPG nur für Fotos und Scans; Zeichnungen und Screenshots als PNG oder GIF. Siehe Bildformate.

Dein Name und deine E-Mail-Adresse

Schon registriert? Anmelden

Wird nicht angezeigt. Wir schicken dir einen Link; sobald du damit bestätigst, erscheint dein Beitrag.

Mit dem Abschicken legst du einen kostenlosen Account an und erkennst die Nutzungsbedingungen und die Datenschutzerklärung an.