Menu      

Firefox auto padding kikapcsolása

Biztos sokan mérgelődtek már olyanon, hogy bizonyos elemekre automatikusan padding, margin és egyéb finomságok kerülnek HTML ben.
Ezekre a legjobb, ha a css -ünk elején auto resetet eszközölünk és megpróbáljuk kiiktatni az összes ilyen paddingot, margin és egyéb automatikus formázást, mielőtt még agyvérzést kapnánk egyes elemeknél, amik az istennek se akarnak olyan méretet felvenni amit szeretnénk.
Ez azért is hasznos lehet, mert ezeket az értékeket a böngészők automatikusan adják meg, és persze előfordulhat, hogy két böngészőben más ez az érték.
Egészen aktuális példa a Firefox button kezelése. Alapból egy kb 3 px es paddingot rátesz a gombokra a tűzróka, így egy 15px magas gombban egy 10 px es betű hozzáér az alsó kerethez. A kiküszöbölésre egy css trükköt kell alkalmaznunk:

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
 padding: 0;
 border: none;
} 
Firefox auto padding kikapcsolása

#totalstudio