Alle Beiträge mit dem Schlagwort „Checkbox”
10. April 2010 von Dieter | 1 Kommentar
Opera: Checkboxen korrekt darstellen
Ich hatte in meinen Blogbeiträgen “Checkbox-Problem mit IE und Opera” und “Opera 10.5 mit runden Ecken und Schatteneffekt” bereits über Darstellungsprobleme mit Checkboxen beim Browser Opera berichtet.
Ursächlich für die Darstellungsprobleme beim Opera war die Übernahme von Gestaltungen für input mittels Cascading Style Sheets (CSS) auch bei Checkboxen.
Der Kommentar von Thiemo zeigte mir einen Lösungsweg auf:
Input mit Selektoren auf HTML-Attribute ergänzen, so dass diese CSS-Anweisungen nicht automatisch auf Checkboxen angewandt werden.
Konkret heißt das, dass man für input in der CSS-Datei den jeweiligen Typ (type) definiert, also beispielsweise input[type=text], input[type=submit].
Nachdem ich entsprechende Ergänzungen in der CSS-Datei für Webseiten-Infos.de vorgenommen habe, werden die Checkboxen auch im Opera wieder wie gewollt dargestellt.
Ein herzliches Dankeschön an Thiemo für den Gedankenschubser und die Lösung meines Darstellungsproblems.
Infos
Webseite veröffentlicht am Samstag, den 10. April 2010, um 21:21 Uhr, zuletzt geändert am
Sonntag, den 9. Mai 2010, um 16:47 Uhr.
Kategorie: Webdesign
Schlagworte: Browser, Checkbox, Checkboxen, CSS, Darstellungsprobleme, input, Opera
1. Aktive Eingabefelder visuell hervorheben | Webseiten-Infos.de
Pingback vom 29. November 2011 um 11:04
[...] Die Eigenschaft border habe ich nicht generell auf input, sondern lediglich auf input[type=text] angewandt, damit es bei Checkboxen im Opera nicht zu Darstellungsproblemen kommt (siehe hierzu auch meinen Blogbeitrag “Opera: Checkboxen korrekt darstellen“). [...]