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

CSS behebt Unterschiede in den Eingabe-Tags in verschiedenen Browsern

高洛峰
Freigeben: 2016-11-24 14:58:30
Original
1548 Leute haben es durchsucht

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:



Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage