2016-06-06 5 views
1

Ich habe besondere Checkbox sie nicht angezeigt werden (sichtbar) auf Microsoft Edge, alles funktioniert auf IE und Chrome und SafariSteuerelemente nicht angezeigt werden auf Microsft Rand

ich verwende:

-webkit-appearance: none; 

Wenn Ich lösche das: -webkit-aussehen: keine; das Kontrollkästchen erscheint, aber ich werde meinen neuen Stil in anderen Browser verlieren

Wie kann ich das auf Edge beheben?

+0

IE ist kein Webkit-Browser. Weder ist Chrome, noch erkennt es diese Anbieterpräfixe. Ich weiß nicht, was eine gleichwertige Eigenschaft für Edge ist. Sie sollten jedoch keine Eigenschaften mit Lieferantenpräfixen verwenden, die morgen verschwinden können und inkonsistent sein können, sich ändern können und unzuverlässig sind und in vielen Fällen nicht standardkonform sind. – Rob

+0

danke Rob, meine Hauptidee ist nicht die Standard-Checkbox zu verbergen und meine eigene mit CSS zu bauen, in dem Fall, dass ich nicht die Präfixe verwenden, um die Standard-Checkbox zu verstecken, was kann ich sonst verwenden? – melom

Antwort

1

Edge ist weder ein Webkit-Browser noch Firefox (daher das Präfix -moz). die vollständige Erklärung für die komplette Browser Abdeckung Anwendung:

.yourclass{ 
    -webkit-appearance: value; 
    -moz-appearance: value; 
    appearance:   value; 
} 

Siehe hier: https://css-tricks.com/almanac/properties/a/appearance/

Für eine vollständige Aufschlüsselung der Browser, die dies unterstützen tun/nicht, einen Blick auf CanIuse.com

+0

Ich versuche schon -moz-aussehen: keine; aber Stil nicht das Kontrollkästchen zu sehen – melom