Nicht nur das Verhalten verschiedener Browser ist unterschiedlich, auch unterschiedliche Schriftarten und Textgrößen verhalten sich unterschiedlich. Kontrollkästchen und Optionsfeld des Formulars zurücksetzen Da die Analyse verschiedener Browser unterschiedlich ist, haben einige Standardränder und andere eine Standardpolsterung. Selbst wenn bei IE6 und 7 die Ränder und die Polsterung auf 0 gesetzt sind, ist der von ihnen belegte Platz immer noch relativ groß. Daher ist es dennoch erforderlich, sie zurückzusetzen, wodurch viele unnötige Probleme gelöst werden können. Hier ist die Lösung für die Schriftart Arial mit 14 Pixeln: 1. CSS-Code .form { Schriftart: 14px/18px Arial, Helvetica, serifenlos; } .form-Eingabe, .form-Beschriftung { vertikale Ausrichtung: Mitte; } .form label { Rand rechts: 6px; } .form_checkbox, .form_radio { Rand: 0 3px 0 0;/*Abstand zwischen dem Text rechts*/ Polsterung: 0; Breite: 13px; Höhe: 13px; /*IE7 und IE6 legen je nach Schriftgröße unterschiedliche Werte fest*/ *vertikale Ausrichtung: 1px; } 2. HTML-Code <Formularname="Formular1" Methode="Post" Aktion="" Klasse="Formular"> <p> <input Typ="Checkbox" Name="Checkbox4" ID="Checkbox4" Klasse="Formular_Checkbox"> <label für="checkbox4">checkbox4</label> <input Typ="Checkbox" Name="Checkbox5" ID="Checkbox5" Klasse="Formular_Checkbox"> <label für="checkbox5">checkbox5</label> <input Typ="Checkbox" Name="Checkbox6" ID="Checkbox6" Klasse="Formular_Checkbox"> <label für="checkbox6">checkbox6</label> </p> <p> <Eingabetyp="Radio" Name="Radio" ID="Radio4" Wert="Radio4" Klasse="Form_Radio"> <label für="radio4">radio4</label> <Eingabetyp="Radio" Name="Radio" ID="Radio5" Wert="Radio5" Klasse="Form_Radio"> <label für="radio5">radio5</label> <Eingabetyp="Radio" Name="Radio" ID="Radio6" Wert="Radio6" Klasse="Form_Radio"> <label für="radio6">radio6</label> </p> </form> 3. Rendern Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, dass der Inhalt dieses Artikels Ihnen bei Ihrem Studium oder Ihrer Arbeit helfen kann. Gleichzeitig hoffe ich auch, dass Sie 123WORDPRESS.COM unterstützen können! |
<<: JavaScript-Interview: So implementieren Sie die Methode zur Array-Abflachung
>>: CSS3 erzielt einen coolen Karusselleffekt mit geschnittenen Bildern
Wenn Sie eine virtuelle Maschine verwenden, stell...
Vorwort Vor ein paar Tagen bin ich zufällig auf d...
Inhaltsverzeichnis Schritt 1. Konfigurieren Sie R...
Inhaltsverzeichnis 1. Mehrere Syntaxen von Insert...
SQL implementiert Additions-, Subtraktions-, Mult...
In diesem Artikel wird ein Jalousie-Spezialeffekt...
In diesem Artikel wird der spezifische Code von n...
Vorwort <br />Ich arbeite schon eine ganze W...
Vorwort: Letzten Sonntag bat mich ein Senior, ihm...
Lösung Fügen Sie position:relative zum übergeordn...
Einführung Derzeit ist k8s sehr beliebt und ich h...
1. Hintergrund Ich habe vor Kurzem eine Website n...
Inhaltsverzeichnis 1. Einleitung 2. Haupttext 2.1...
Ich glaube, dass vielen Leuten, die MySQL schon l...
Zur Erinnerung: Egal ob bei der Planung, Gestaltun...