ho impostato altezza:input HTML e selezionare diversa altezza
input,select{height: 20px;}
ma in del browser che l'altezza è input : 20px e select 18px, non so perché, perché prima di ingresso e selezionare è stato azzerato. Se rimuovo <!DOCTYPE html> allora è ok, ma poi IE non centrare la pagina.
Questo può essere corretto impostando la proprietà box-sizing dei vostri elementi di border-box: potrebbero essere applicati
input, select{
box-sizing: border-box;
}
Venditore prefissi specifici come moz- o webkit-.
Uomo, ho cercato questo per 10 minuti. Peggiori 10 minuti della mia giornata! – Bitterblue
Sono riuscito a impostare l'altezza del mio SELECT esattamente come volevo in IE8 e 9. Il trucco è impostare la proprietà box-sizing su content-box. In tal modo verrà impostata l'area del contenuto di SELECT all'altezza, ma tieni presente che i valori di margin, border e padding non verranno calcolati nella larghezza/altezza dello SELECT, pertanto regolare tali valori di conseguenza.
select {
display: block;
padding: 6px 4px;
-moz-box-sizing: content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
height: 15px;
}
Qui è un lavoro jsFiddle. Ti dispiacerebbe confermare e contrassegnare la risposta appropriata?
Recensione: http://stackoverflow.com/questions/10001291/aligning-text-and-select-boxes-to-the-same-width-in-css – alditis
http://stackoverflow.com/questions/9767612/issue-with-input-select-tag-height-in-form – Vucko
@Vucko grazie, forse conosci il colore del bordo predefinito? ? – Wizard