Вопрос по google-chrome, macos, safari, html – <input> высота на Mac

4

Следующий код:

<input style="height: 80px; width: 200px;" value="test button">

Прекрасно работает на Windows, Linux и т. Д. Однако Mac использует стиль системных кнопок для<input> теги. Похоже, что они не могут быть заданы пользовательской высотой (Firefox переопределяет стиль системных кнопок, поэтому это хорошо, но Chrome и Safari на Mac имеют следующую проблему):

Вместо кнопки шириной 80 пикселей и высотой 200 пикселей есть стиль кнопки Mac и разрыв сверху и снизу. Ширина устанавливается отлично.

Как мне переопределить это, чтобы Chrome и Safari на Mac показывали высокую кнопку?

РЕДАКТИРОВАТЬ: Вот что происходит на Mac: Mac input{ height: 200px; } problem
Вот что должно произойти (работает в Windows, Linux):

Normal input{ height: 200px; }

Это работает?duncannz.com/pages/stutter-count.php?mobile=1 Спасибо user1318194
Он отлично работает на моем MBP с Chrome или Safari maxdec
Кстати, похоже, это дубликатstackoverflow.com/questions/1682520/… maxdec

Ваш Ответ

2   ответа
8

Добавлять :

input[type=button] {
    -webkit-appearance: button;
}

в твоем CSS :-)

Вот список всех значений, которые может принимать это свойство. По умолчанию WebKit использует собственный стиль (с фиксированной высотой) для кнопок.

Спасибо, это сработало. Кажется глупым, нам нужны фирменные стили для кнопки, но в любом случае.
Или, в качестве альтернативы, используйте<button>.
Я полностью согласен.
1

<input style="height: 80px; width: 200px;" value="test button" type="button">
Я перешел по ссылке, которую он дал в комментарии. И я не был или не хотел казаться агрессивным
Он уже есть в его коде, даже если он не записал его в посте.
но тут не под вопросом ????????
Извините, не опубликовал полный тег. Я уже использовал тип = & quot; кнопка & quot;

Похожие вопросы