it-swarm.com.de

Kontrollkästchen, die Chrome nicht anzeigen - In anderen Browsern arbeiten

Ich bin nicht sicher, was los ist. Links neben "Remember Me" sollte ein Kontrollkästchen und unten zwei Testfelder stehen. Ich habe ein Fahrrad, ich habe ein Auto. Sie werden in Firefox angezeigt, jedoch nicht in Chrome. Ich glaube, ich habe ein CSS-Problem, kann es aber nicht finden. Kann jemand bitte helfen?

http://www.cloudtute.com/auth

20
user1149620

Diese Zeile in Ihrem CSS:

-webkit-appearance: none;

In der Stilregel für input, button, select, textarea ist das Brechen der Dinge für Sie.

27

Ich antworte auf eine breitere Ebene mit denjenigen, die auf dieses Problem mit Kontrollkästchen stoßen, die nicht in Chrome angezeigt werden. Und wurden hier von Google geleitet. Dieses Problem kann auch in Safari auftreten, da beide derzeit WebKit verwenden. 

Auf unserer eigenen Website sind wir auf dieses Problem gestoßen, wo die Kontrollkästchen und die Radioeingaben nicht richtig angezeigt wurden. Aber behoben, indem wir dies zu unserem CSS hinzufügen.

input[type=checkbox]
{
  -webkit-appearance:checkbox;
}

Jetzt funktioniert es gut. 

success

Wie Sie sehen, hat ein anderer Entwickler -webkit-appearance: none; wie in Ihrem Fall hinzugefügt. In unserem Fall war es, weil ich mit einem Thema angefangen hatte. 

Um jedoch absolut sicher zu sein, dass die Eingaben angezeigt werden, können Sie diese Regeln einfach in Ihrem CSS deklarieren. Auf dieser Seite habe ich die Stile in das <style>-Tag eingefügt (was ich nicht empfehlen kann), aber ich habe den Screenshot gemacht, als ich noch testete. Besser ist es, die widersprüchlichen Stile zu entfernen und Stile im entsprechenden Ordner hinzuzufügen. 

Zusätzliche Ressourcen:
https://css-tricks.com/almanac/properties/a/appearance/
https://davidwalsh.name/webkit-appearance
Was ist WebKit und wie hängt es mit CSS zusammen?
https://developer.Apple.com/library/content/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html

30
JGallardo

Sie haben die Stilregel definiert:

-webkit-appearance: none;

für input, button, select, textarea definiert, müssen Sie es entfernen und funktionieren.

Sie haben auch einen JS-Fehler in der Konsole: Uncaught ReferenceError: containerz is not defined, check it out.

5
Irvin Dominin

Wenn Sie einem Kontrollkästchen in Firefox die Breite 0px zuweisen, können Sie dies sehen. Wenn Sie jedoch den gleichen Code in Chrome öffnen, ist das Kontrollkästchen nicht sichtbar.

0
user1813774

Den Wert des Kontrollkästchens auf true zu setzen, hat für mich funktioniert

value="true"
0
Jay Star

Ich hatte das gleiche Problem ... Wenn ich die Ad-Block-Erweiterung deaktiviert habe, hat es funktioniert!

Dann fügte ich in Ad-Block eine Ausnahme zu dieser Site hinzu.

0