Klicken Sie auf das Label nicht Kontrollkästchen, wenn ausgeblendet, wenn Sie IE 7 oder 8 verwenden

8

Ich versuche, ein benutzerdefiniertes Kontrollkästchen zu erstellen, das die mit einem Kontrollkästchenelement verknüpfte Bezeichnung verwendet und das Kontrollkästchen (Anzeige: keine) ausblendet.

Dies funktioniert in allen Browsern mit Ausnahme von IE, wo das Kontrollkästchen aktiviert sein muss, damit das Label klickbar ist.

Hier ist mein Code ...

HTML

%Vor%

CSS

%Vor%

jquery

%Vor%

Oder jsfiddle

    
Tom 18.07.2012, 13:52
quelle

2 Antworten

9

Ich weiß nicht, ob es eine effektivere Möglichkeit gibt, dies zu tun, aber Sie können dies tun, indem Sie die Checkbox-Elementposition aus der Seite heraus setzen,

%Vor%

DEMO

AKTUALISIEREN

Und Sie können auch die Deckkraft von checbox auf Null setzen, das wird sie ohne "dispayl: none",

verbergen %Vor%

oder

%Vor%     
ocanal 18.07.2012, 14:06
quelle
2

versuche das:

%Vor%

Und lassen Sie das Kontrollkästchen "sichtbar"

    
Carsen 18.07.2012 14:09
quelle