Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Отступы внутри button (https://javascript.ru/forum/xhtml-html-css/28119-otstupy-vnutri-button.html)

da_ff 08.05.2012 14:29

Отступы внутри button
 
Дорогие дамы и господа, нужна помощь, есть пример. В Firefox 10 можно видеть отступ


Откуда он берется и как от него избавиться?

bot87 08.05.2012 14:38

button::-moz-focus-inner { /* убираем внутренний отступ у кнопки в FF, который зарезервирован для рамки при фокусе */
padding:0;
border:0;
}

da_ff 08.05.2012 15:48

bot87,
Спасибо.

da_ff 08.05.2012 17:40

Может быть кому-нибудь пригодится, итоговое решение такое:
@-moz-document url-prefix() {
    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 {border: 0; margin: 0; padding: 0;}
    button:focus,
    input[type="reset"]:focus,
    input[type="button"]:focus,
    input[type="submit"]:focus,
    input[type="file"] > input[type="button"]:focus {outline: 1px dotted;}
}

Необходимо оно, поскольку из-за отступов кнопки получаются больше по высоте других элементов с одинаковыми классами.


Часовой пояс GMT +3, время: 21:31.