úterý 17. května 2011

Jak odstranit neodstranitelný padding buttonu

Firefox 4 (i Safari, ovšem Chrome ne) má jednu nectnost - i když podle některých popisů je právě takové chování správné - tlačítka <button> i <input> mají zleva i zprava neodstranitelný padding 3 px i po nastavení paddingu na nulu. Existuje ale kouzlo:

button::-moz-focus-inner {
padding: 0;
border: none
}

které tuto nepěknost napraví. Sledujte rozdíly tlačítka a , kteréžto se vám ukáží jen při prohlížení Firefoxem.

Zdroj: Removing unwanted button padding in Firefox, extra padding in <button> elements.

MAKE Magazine

Technology Review RSS Feeds

Nejčtenější příspěvky