Autor | Zpráva | ||
---|---|---|---|
Stalker Profil |
#1 · Zasláno: 29. 2. 2016, 13:20:11
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 :) |
||
Časová prodleva: 3 dny
|
|||
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 |
#3 · Zasláno: 3. 3. 2016, 15:53:39
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 |
#4 · Zasláno: 3. 3. 2016, 16:03:52
Tady je k tomu detailnější vysvětlení: Vyšší tlačítko ve Firefoxu
|
||
Časová prodleva: 9 let
|
0