Як зробити кнопку Firefox клавішею плюс? - css, google-chrome, firefox, padding

Чомусь Firefox button елементи, здається, не поважають CSS padding декларації, навіть якщо ви їх робите display: block.

Див. Цей JSFiddle у Chrome і Firefox: http://jsfiddle.net/DgeQ6/

Зверніть увагу, як підкладка працює в Chrome, але не в Firefox. Як я можу привернути увагу Firefox padding в button елементи?

Ось знімок екрана про те, як він виглядає на Firefox на моєму комп'ютері:

https://www.evernote.com/shard/s217/sh/dc349236-9a7e-46f2-ae77-3a7581fa78c1/ea90d1f4a880ba64257fdd744b9fabcf

Подушка повинна бути 20 пікселів, але це не впливає.

Відповіді:

4 для відповіді № 1

Кредит повинен йти до Бориса нижче, але вам потрібно скористатись-moz-зовнішній вигляд: ніхто не замінить стилі кнопки рівня ОС. Ось скрипка: http://jsfiddle.net/DgeQ6/8/.

HTML

<button class="btn-large">Hello</button>

CSS

.btn-large {
padding: 100px;
-moz-appearance: none;
}

Слід також зазначити, що Twitter Bootstrap, здається, досягає такого ж ефекту для своїх кнопок у Firefox, просто маючи стиль "кордон-радіус" разом із проміжками.


2 для відповіді № 2

Прокладка самостійно не працює на Mac, тому щоMac оригінально-тематичний пошук кнопок перевизначає заповнення. У Windows він працює чудово, наприклад. Я не можу згадати те, що таке поведінка в Linux за замовчуванням.

Найбезпечніший спосіб вирішити це - встановити -moz-appearance: none якщо ви хочете скинути погляд на рідну тематику.


0 для відповіді № 3

введіть опис зображення тут

Це виглядає так у моєму Firefox.


Схожі запитання
Найбільш популярний