Heim  >  Artikel  >  Web-Frontend  >  CSS behebt Unterschiede in den Eingabe-Tags in verschiedenen Browsern

CSS behebt Unterschiede in den Eingabe-Tags in verschiedenen Browsern

高洛峰
高洛峰Original
2016-11-24 14:58:301531Durchsuche

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; >


Dokument ohne Titel
< style type="text/css">
body {
font-family:"宋体";
font-size:12px;
}

table {
border -collapse:collapse;

border:solid red 1px;

}
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>



 

firt second
html>

In diesem Fall sind IE und Firefox identisch, wie unten gezeigt:



Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn