Как установить высоту кнопки (input-element) в браузерах webkit?

На моем Mac с веб-браузерами (Safari и Chrome, текущая версия) я не могу установить высоту элемента ввода.

<input type="button" style="height:200px;" value="Hello World!">​

не будет работать.

jQuerys$('input').css('height','200px');​ тоже не сработает.

http://jsfiddle.net/XmS6m/

Хотя установка ширины возможна, либо с помощью атрибута style, либо с помощью jQuery.

В чем причина этого несоответствия? И что является возможным решением?

 Jukka K. Korpela11 июн. 2012 г., 15:46
В версиях Safari и Chrome для Win 7 высота вступает в силу, если она задана в CSS (с использованием jsfiddle; достаточно только чистого CSS и т. Д., Если только код jQuery). Так что это может быть специальность Mac (возможно, он имеет специальное значение по умолчанию для-webkit-appearance для кнопки?) или, может быть, даже проблема, связанная с установкой.

Ответы на вопрос(2)

Решение Вопроса

так как для входов этот дисплей уже установлен по умолчанию. добавлятьborder:none, Когда вы делаете это, он начинает вести себя так, как вы этого хотите. Вот скрипка - & gt;http://jsfiddle.net/joplomacedo/XmS6m/1/

 26 янв. 2016 г., 02:42
Вместо кнопки
 08 дек. 2015 г., 14:14
Это отличный совет, спасибо! Я новичок в CSS и некоторое время искал решение этой проблемы. Что делает граница: никто не выполняет?
 11 июн. 2012 г., 14:57
или добавить любую границу, которую вы хотите.
 25 янв. 2016 г., 19:48
Argh! с границей: нет, на самом деле это не похоже на кнопку! @JOPLOmacedo Как добавить рамку, которая выглядит как внешний вид кнопки по умолчанию?

аblock или жеinline-block:

#my_button { display: inline-block; height: 200px; }

Живой пример

 MI511 июн. 2012 г., 12:36
Это не решает проблему для меня. В любом случае, спасибо за ваши усилия.
 11 июн. 2012 г., 17:34
Как это не решит вашу проблему? Что у тебя есть? Мой пример работает на вас? Пожалуйста, не оставляйте комментарии, такие как "это не работает". без объяснения!
 MI511 июн. 2012 г., 22:50
На моем Mac ваш & quot; Живой пример & quot; не будет регулировать высоту кнопки & lt; тип ввода = & quot; & quot; & gt ;. Только одна кнопка & lt; button & gt ;. Протестировано с Safari 5.1.7 и Chrome 19.
 28 февр. 2017 г., 16:43
На моем Mac левая кнопка высокая. Правая кнопка показывает отсутствие изменений в высоте.

Ваш ответ на вопрос