Dotaz: HTML5 a rozdielna výška button, input, select

[Peter]

Dobrý deň vám prajem.

Potreboval som z určitých dôvodov prerobiť jeden môj projekt s HTML4.1 do HTML5 a všimol som si, že button a select je oprotiť input-u nižší o 2px jak v chrome tak aj fo firefoxe. Na tieto tag-y som doteraz nemal žiadne css takže v tom problém byť nemohol. Podľa w3c validátora mám html úplne v poriadku. Teraz ked chcem aby mali tieto tagy rovnakú výšku, tak musím height v css nastaviť pre input na (napríklad) 20px a pre button a select na 22px. Netuší niekto čo má toto znamenať?

Vopred vám veľmi pekne dakujem za odpovede.

Odpovědi

[Sten]

Můj tip je, že input má margin, padding nebo border a button ani select to nemají

Btw. používat px v CSS je vhodné jen pro obrázky

[Josef Kufner]

Nastav jim všem stejný box-sizing, font a padding. Výšku nech výchozí, ať se chytne podle písma.