Кнопки Firefox имеют отступы, кнопки Chrome - нет

Question

Как мне заставить мои <button> выглядеть одинаково в Firefox и Chrome?Есть ли безусловное решение CSS?Прямо сейчас, кнопки Firefox имеют дополнительный отступ, хотя Сброс CSS YUI сделал отступ 0.

Я обнаружил, что для того же внешнего вида нужен Chromeиметь двойное заполнение.

            #fileActions button {
                padding: 0.2em;
            }

@media screen and (-webkit-min-device-pixel-ratio:0) {
            #fileActions button {
                padding: 0.4em;
            }
}

Хром

Firefox

Answer 1

Firefox дает кнопкам то, что называется внутренним фокусом, это позволяет ему рисовать пунктирную линию фокуса. В forms.css есть правило, которое дает ему 1px границы и 2px левого и правого отступа. Я не знаю, возможно ли переопределить это с веб-страницы.

Answer 2

Трудно сказать, не видя свой css, но если вы проверите css сброса YUI, вы увидите, что он не устанавливает и не сбрасывает никакие свойства для элемента button, кроме унаследованных, и что насколько я знаю, там нет отступов.