Autor Zpráva
Stalker
Profil
Ahoj

poradíte mi se záhadou? Proč je button v ukázce vykreslen správně v Chrome (je kulatý) ale ve firefoxu špatně (je šišatý)?

Jasně, mohl bych buttonu nastavit width a height, ale to já nechci, protože ikonka může být různě veliká a nechci to modifikovat přes classy.

Živá ukázka

Díky moc :)
Stalker
Profil
Tak jsem zjistil, že to dělá pouze button. Když je to link se stejnými styly, tak je to v pořádku. Co buttonu "chybí" ve firefoxu, aby se zobrazoval tak, jak chci?

jsfiddle.net/amua8aks/1


Opraveno. Pomohl normalize.css
Chamurappi
Profil
Reaguji na Stalkera:
Opraveno. Pomohl normalize.css
To neodpovídá na otázku, jaká je příčina.
Pokud vím, tak normalize.css způsobuje nekompatibilitu při použití <sup>/<sub>… pochybuju, že to je nutné kvůli tomu, abys opravil styl tlačítka.

Co buttonu "chybí" ve firefoxu, aby se zobrazoval tak, jak chci?
Spíš mu něco přebývá. Jakýsi vnitřní pseudoelement má padding a border.
button::-moz-focus-inner { border: 0; padding: 0; }
Str4wberry
Profil
Tady je k tomu detailnější vysvětlení: Vyšší tlačítko ve Firefoxu

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: