CSS :selected ?

LukasB · 16.12.2011

Hi
ich weiß ja dass es die CSS-Elemente (oder tags oder was auch immer) :hover,active,focus usw gibt
Gibt es auch sowas wie :selected (habs zwar ausprobiert klappt aber nicht...) oder etwas ähnliches, um bei einem <select> stammbaum einstellen zu können, welche hintergrundfarbe ein ausgewähltes element hat?

LG und danke im voraus!

Sapoot · 16.12.2011

AW: CSS :selected ?

Hallo LukasB,

wenn ich das richtig verstehe, meinst du der Link bzw. der Text der über z.B. :hover geändert wird, wie dieser standartmäßig formatiert werden kann ?

z.B.: ein Link der mit "<a href.....>" eingebaut wird und mit a:hover abgeändert wird, wie da der Link ohne mausberührung formatiert ist.

simonpicos · 16.12.2011

AW: CSS :selected ?

Meinst du das hier: http://www.w3schools.com/cssref/sel_selection.asp ?

Dabei kann man den per Mauscursor ausgewählten Text stylen.. Oder habe ich das falsch verstanden?

Und die Dinger nennen sich Pseudoklassen

//edit

Ich glaub ich weiß, was du meinst: Man hat eine "select"-Dropdown-auswahlliste und du möchtest die einzelnen Options beim hovern stylen?

Ganz normal stylen dürfte kein Problem sein:

HTML:

<!DOCTYPE html>
<html>
<head>
<style>
option{
    color: red;
}

</style>
</head>

<body>

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

</body>
</html>

Das stylen beim hovern ist (wenn überhaupt) nur sehr begrenzt mit CSS. Mit JS sollte da mehr gehen. → Ergebnisse kurzer G-Suche..
Sicher kann ich das allerdings nicht sagen..

kowaseba · 17.12.2011

AW: CSS :selected ?

Hey, eine Frage bedeutet das selected-HTMLTag nicht eig. das eine Radio-Box ausgewählt wird?

MfG

kowaseba

owieortho · 17.12.2011

AW: CSS :selected ?

kowaseba schrieb:
Hey, eine Frage bedeutet das selected-HTMLTag nicht eig. das eine Radio-Box ausgewählt wird?

MfG

kowaseba

Stimmt, und ebenfalls vorausgewählte checkboxen oder dropdown-Listeneinträge. Mir ist auch nicht so ganz klar, was der TE jetzt eigentlich meint.

LukasB · 17.12.2011

AW: CSS :selected ?

Hier ist zum Beispiel das was ich in meiner Webseite eingebaut habe.
Was ich will: Wenn man eins (oder mehrere) der Elemente auswählt, ändert sich der weiße Hintergrund ja in blau, auch wenn man dann das Feld verlässt. Meine Frage war, ob man die Hintergrundfarbe eines ausgewählten Elements ändern kann in, z.B. grün.

DarkFather · 17.12.2011

AW: CSS :selected ?

Meines Wissens geht das nur mit :hover (also wenn die Mauszeiger drüber schwebt, geht nicht im IE) und :active hat auch unter gewissen Umständen in Opera einen Effekt (beim Scrollen mit der Scrollleiste in mehrzeiligen Selects).

Ob man da mit JS was machen kann weiß ich nicht, glaube aber kaum, da der blaue Balken vom Browser alles überschreibt.

Übrigens:
Das ist auch gut so!
Sonst könnten potentielle Betr*ger die Farbe von ausgewählten Werten gleich mit der Farbe von nicht ausgewählten gestalten, das gäbe sicher einige kriminelle Elemente die dafür super verwendung finden würden

P.S. Betr*ger ist auf der *********?!?
// Bla*klist ist auf der schwarzen Liste?!?

LukasB · 18.12.2011

AW: CSS :selected ?

schade, dann lass ichs einfach so wies vom browser vorgeschrieben wird.
Danke für eure Antworten!