html Eingabe und wählen Sie eine andere Höhe

8

Ich setze Höhe:

%Vor%

aber im Browser ist die Höhe input : 20px und select 18px , ich weiß nicht warum, denn vor Eingabe und Auswahl wurde zurückgesetzt. Wenn ich <!DOCTYPE html> entferne dann ist ok, aber dann IE nicht zentriert Seite.

    
Wizard 01.12.2012, 17:23
quelle

2 Antworten

10

Dies kann korrigiert werden, indem die Eigenschaft box-sizing Ihrer Elemente auf border-box :

gesetzt wird %Vor%

Es können herstellerspezifische Präfixe wie moz- oder webkit- angewendet werden.

    
Asad Saeeduddin 01.12.2012, 17:26
quelle
2

Ich konnte die Höhe meines SELECT genau auf das einstellen, was ich in IE8 und 9 wollte. Der Trick besteht darin, die Eigenschaft box-sizing auf content-box zu setzen. Wenn Sie dies tun, wird der Inhaltsbereich von SELECT auf die Höhe gesetzt. Beachten Sie jedoch, dass die Werte margin , border und padding nicht in der Breite / Höhe von SELECT berechnet werden diese Werte entsprechend.

%Vor%

Hier ist ein funktionierendes jsFiddle . Würde es Ihnen etwas ausmachen, die richtige Antwort zu bestätigen und zu markieren?

    
Joshua 02.01.2013 15:43
quelle

Tags und Links