Ich habe ein Formular mit <input type="text">. Das Formular hat einen hellblauen Hintergrund und mehr oder weniger durch Zufall, weil mein initiales
bis dorthinein durchgriff, dachte ich:"Hey, das sieht ja gar nicht so schlecht aus, laß' uns das doch mal so übernehmen".

Aber, igitt, wie sieht denn diese Checkbox aus, oder dieser Radiobutton?
Hat ja diesen schattierten Rand wie aus XMosaic-Zeiten.

Mit welchem style-element kann ich denn das Aussehen dieser Elemente beeinflussen?

__________________
--
Viele Grüße
Christoph

Gar nicht. Lass die Inputs in Ruhe. Dies wird langsam zu einer FAQ hier.

z.B. Firefox: programmordner/res/forms.css
suche nach input[type="checkbox"]

Dies sind die Browser-defaults, ein Author-Stylesheet. Sieh, wieviele Eigenschaften mit !important versehen sind. Das bedeutet, dass nur ein Nutzer-Stylesheet diese überschreiben kann. Aber kein weiteres Author-Stylesheet.

Lesen:
Styling form controls with CSS, revisited

und dazu die Spezifikation, UA Conformance
Fazit:
Ein Komplett-Reset
ist Unfug, wenn man mit Forms arbeitet auf einer Seite, da man nicht wissen kann, welche Browser auf welche Werte zurückgesetzt werden müssen/können. Man sollte Elemente immer bewusst zurücksetzten.

__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken

Danke für den Denkanstoß. Weitergedacht würde das bedeuten, dass der "CSS-Prolog" zumindest für solche Stylesheets abzulehnen ist, die sich auf Seiten auswirken, die Steuerelemente beinhalten - also fast alle?

Der häufig zu lesende Rat "Setz mal den Prolog" hätte sich ja dann auch überholt. Wäre Eric Meyers "CSS-Reset" die bessere Alternative?

Da ich selten Seiten schreibe, wäre das mal eine Frage in die Runde derjenigen, die viel mit Forms arbeiten:

Richtet ein universeller Reset von margin und padding auf 0 etwas Böses an, vergleicht man Safari, Opera, Firefox und IE?

Ein differenzierter Reset wie der von Meyer scheint mir auf dem ersten Blick großkalibrig, meine Seiten erscheinen mir zu klein dafür. Vielleicht erleichtert es Teams von CSS-Codern die notwendige Vereinheitlichung. Er verhindert im Ergebnis vielleicht auch bei Anfängern einige Fragen nach der verschiedenen Darstellung. Ich denke im Übrigen, dass eigentlich nur die Elemente body, html, ul und li Probleme machen mit ihren Standardvorgaben. Ich will zum Beispiel bei einer h2 sowieso margin und padding bewusst setzen, wozu vorher also erst auf Null?

__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken

Ist schon eine Weile her, dass ich mich mit einem "CSS-Prolog" befasst habe. Ich habe einiges gelesen, viel ausprobiert und bin (wieder) beim globalen Zurücksetzen der Randabstände (nicht der Rahmen) gelandet.
Auch bei umfangreichen Formularseiten bin ich browserübergreifend mit dieser Vorgehensweise zurechtgekommen.

Ein globales Nullen "zwingt" den Autor, wirklich jeden Randabstand bewusst zu setzen. Ich persönlich brauche das, damit ich nichts vergesse...

Schließe mich an - ich sehe kein Problem im Nullen mit anschließender Neudefinition von padding bei Formularelementen, im Falle von margin eh nicht (und ich teste wirklich jede meiner Seiten ausgiebig im IE ab 5.0 und Opera & Netscape jeweils ab 7.0). Im Falle von border sähe es natürlich anders aus, aber um die ging es ja auch nicht.

Ohne globales Nullen würde es mich total nerven, jedem Element immer wieder padding: 0; und margin: 0; zuzuweisen, oder alternativ am Anfang des CSS statt des Universalselektors alle Elemente der Website (aber ausgenommen eben die Formularelemente) aufzuzählen und dabei keines zu vergessen...

Und zu dem Beispiel mit margin und padding bei h2: Ich persönlich setze für Überschriften fast nie padding (ein globales line-height: 1.5; macht dies fast immer überflüssig), und margin allenfalls top und/oder bottom, manchmal aber auch keines von beiden (je nach Kontext bzw. "Position" im Fließtext).

Ist dann eurer Meinung nach das Reset Reasoning auf meyerweb eher akademisch?

Auch auf cssd wird hin- und her diskutiert, welcher Weg nun besser ist. Einige schlagen vor, immer nur das Benötigte zurückzusetzen, andere wiederum wollen ein universelles Reset.

Es bleibt wohl eine private Entscheidung, und ich ziehe besser mein Urteil "Unfug" zurück und behaupte das Gegenteil (gufnu).

__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken

Es gibt Für und Wider zu jeder Vorgehensweise. Ich finde diese Diskussionen und Meinungen wichtig ("akademisch" klingt so nach nutzlos?), um einen eigenen Weg zu finden.

Entscheidend ist IMHO, dass man sich der Tatsache bewusst ist, *dass* die Browser eigene Vorschläge für Abstände (u.a.) mitbringen.
Um einen Einsteiger nicht in einer seitenlangen Erläuterung zu diesem Thema zu verwirren, finde ich den knappen "CSS-Prolog" der FAQ angemessen.

Formal Weirdness führt den Gedankengang weiter aus, warum ein * {padding:0} zu Problemen führen kann.

__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken