• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Pseudoklasse checked

CSSteff

Neues Mitglied
Hallo,
ich wollte mal die Pseudoklasse checked testen, allerdings wird bei mir gar nichts eingerückt, weder in Chrome, noch FF.
Weiß jemand weiter? Hier mein Code:

Code:
input[type=”checkbox”]:checked {
    margin-left: 40px;
    background-color: #DDDDDD;
}

Code:
<!DOCTYPE html><html lang="de">
    <head>
         <meta charset="utf-8">
        <link rel='stylesheet' href='../CSS/pseudo-classes.css'/>"
    </head>
    <body>
            <input type="checkbox" name="zutat" value="salami"> Salami<br>
            <input type="checkbox" name="zutat" value="pilze" checked> Pilze<br>
            <input type="checkbox" name="zutat" value="sardellen"> Sardellen
    </body>
</html>

Danke im Voraus!
CSSteff

PS: Ich habe den Code-Tag benutzt, weil der HTML-Tag keine neuen Zeilen unterstützt...
 
Werbung:
Hallo,

klar, weil das kein zulässiger css code ist und max im Opera funzt.

das must schon mit jquery machen und wenn :checked das eine andere classe vergeben.

Cheffchen
 
Werbung:
@Cheffchen: stimmt nicht, mit CSS3 gibt es die :checked Pseudoklasse, wird auch vom aktuellen FF und Chrome unterstützt (IE-Unterstützung habe ich nicht im Kopf)

Das Problem sind vielmehr deine Anführungszeichen:

Code:
” <-- falsch
" <-- richtig
 
Hallo,

komisch denn bei mir im FF funktioniert das nicht, aber wenn es bei ihm geht ist ja alles schick.

Cheffchen
 
Werbung:
Bei mir im FF geht's auch (und auch Chrome). Der Fehler war wie Banana Jones schon gesagt hatte, die falschen Anführungszeichen.
 
Zurück
Oben