Heim > Artikel > Web-Frontend > CSS behebt Unterschiede in den Eingabe-Tags in verschiedenen Browsern
Erklären wir zunächst, wie sich Formular-Tags (Eingabe, Auswahl) in verschiedenen Browsern unterschiedlich verhalten können:
1 Wenn Eingabe oder Auswahl mit anderen Tags (z. B. a, label) gemischt werden, kann es zu Inkonsistenzen kommen. Das Problem der Zentrierung.
2....Beim Mischen kann das äußere Etikett das Formularetikett nicht kontrollieren.
3. Es gibt Unterschiede in der Zeilenhöhe des eingegebenen Textes, Lücken usw.
Parsing-Phänomen:
Eingabe: Textattribut,
Standardmäßig:
1. Die Höhe unter IE beträgt 14px. Die Schriftgröße ist: 13.3333px
3. Der Eingabewert ist: padding: 1px 0; unter IE ist: padding: 1px 0 3px 0; >
}
td,th {
border:solid red 1px;
height:40px;
}
label {
vertikal-align:middle;
}
.inputtxt {
width:200px;
padding:0;
font-family:"宋体";
font- size :12px;
height:15px;
line-height:15px;
Vertical-align:middle;
border:solid #0000FF 1px;
}
< ; /style>