Ku pamięci:
-
Firefox¹ ignoruje
line-height. -
Firefox¹ dodaje własny element z dwupikselowym paddingiem i pikselowym borderem:
button::-moz-focus-inner { border: 0 none; padding: 0; } -
Wszystkie przeglądarki domyślnie wliczają ramki i padding do rozmiarów elementu:
button { box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -webkit-box-sizing: content-box; } -
IE7 i starsze nie radzą sobie z automatyczną szerokością przycisków:
button { overflow: visible; width: 0; } button[type] { width: auto; }
¹ Dotyczy ogólnie produktów Mozilli.
Pingback: Przyciski w przeglądarkach
W trzecim punkcie vendor prefiksy powinny być przed standardową właściwością.
Jakieś to częste ostatnio ;)
Wasacz:
Dopóki wartości i interpretacja pozostają takie same, kolejność nie gra roli.
Dlatego kolejność to zabezpieczenie na przyszłość.
Na jaką przyszłość? Spodziewasz się, że któregoś dnia po zatwierdzeniu standardu te same nazwy powrócą w wersji z prefiksami? To byłoby wbrew zasadzie zachowywania wstecznej zgodności w CSS.
Do IE polecam też dodać white-space:nowrap; bo gdy button ma kilkuwyrazową wartość, to każdy z wyrazów jest w osobnej linii, co oczywiście rozsypuje takowego :)