如何在webkit瀏覽器上設置按鈕的高度（輸入元素）？

在我的Mac上使用webkit瀏覽器（Safari和Chrome，當前版本）我無法設置輸入元素的高度。如何在webkit瀏覽器上設置按鈕的高度（輸入元素）？

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

不起作用。

jQuerys $('input').css('height','200px');也不起作用。

雖然設定寬度是可能的，無論是與風格屬性或與jQuery。

這種不一致的原因是什麼？什麼是可能的解決方案？

2012-06-11 MI5

在Win 7的Safari和Chrome版本中，CSS設置時使用高度生效（使用jsfiddle;純CSS就足夠了，如果單獨使用jQuery代碼）。因此，這可能是一個Mac專業（可能它對按鈕的'-webkit-appearance'有一個特殊的默認值？），或者甚至可能是特定於安裝的問題。 –

顯示inline-block的什麼都不做，因爲投入已經有顯示默認設置。添加border:none。當你這樣做時，它開始表現得像你想要的那樣。這裏的小提琴 - >http://jsfiddle.net/joplomacedo/XmS6m/1/

2012-06-11 12:56:59 banzomaikaka

或添加任何你想要的邊框。 – banzomaikaka

這是一個很棒的提示，謝謝！我是CSS新手，一直在尋找解決方案。邊界是什麼：沒有完成？ – HelloWorld

啊！帶邊框：沒有，它實際上看起來不像按鈕！ @JOPLOmacedo如何添加一個看起來像默認按鈕外觀的邊框？ – Michael

Button是一個內嵌級元素。你需要改變，要block或inline-block：

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

2012-06-11 09:01:13

這並不能解決我的問題。無論如何感謝您的努力。 – MI5

它不能解決你的問題？你有什麼？我的榜樣是否適合你？如果不解釋，請不要留下「不起作用」等評論！ –

在我的Mac上，您的「實例」不會調整的高度。只有

您還可以增加按鈕的字體大小來放大它。

2016-07-15 04:50:26 Rusty

已有要做到這一點，因爲內聯塊不在表內工作 – Rusty

回答