Guten Morgen WP Gemeinde,
auf einer WP Seite möchte ich ein CSS3 Akkordion nutzen, dessen auswahl auf checked und nicht checked radio buttons besteht.
So weit läuft alles gut, doch was nicht erkannt wird ist der css Selektor input:checked. Ich bin vollkommen Planlos, habe ich doch erst vor ein paar Tagen eine auf ähnlichem Prinziep basierende Tabbed-Navigation auf einer anderen Seite eingerichtet. Ich habe nun alles schon gefühlte 300mal überprüft und finde den Fehler nicht.
Mein CSS sieht wie folgt aus:
.ac-container label{ padding: 5px 20px;
position: relative;
z-index: 20;
display: block;
height: 30px;
cursor: pointer;
color: #777;
background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
box-shadow:
0px 0px 0px 1px rgba(155,155,155,0.3),
1px 0px 0px 0px rgba(255,255,255,0.9) inset,
0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
background: #fff;
}
.ac-container input:checked+label{
border:1px solid red
}
.ac-container input:checked ~ article.ac-small{
height: 140px;
}
Alles anzeigen
Über .ac-container label und :hover kann ich alles wunderbar ansprechen, aber input:checked wird dann auch im Firebug gar nciht mehr angezeigt. Nun habe ich irgendwo gelesen, dass dieser Selektor angeblich nur im Opera funktioniert. - aber auf der anderen Website habe ich es doch auch erfolgreich verwendet! oO :(
Ich hoffe ihr könnt mir helfen.
Gruß
Salim
P.S.: Da die Seite nur bei mir auf der Festplatte liegt, kann ich leider keinen Link zur Verfügung stellen.