在裝有webkit瀏覽器(Safari和Chrome，當前版本)的Mac上，我無法設置輸入元素的高度。

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

行不通。

jQuerys $('input ')。css('height '，' 200 px ')；也不行。

http://jsfiddle.net/XmS6m/

盡管可以使用style-attribute或jQuery設置寬度。

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

Display inline-block不做任何事情，因為輸入已經默認設置了該顯示。添加邊框:無。當你這樣做的時候，它開始像你希望的那樣運轉。這里的小提琴是->http://jsfiddle.net/joplomacedo/XmS6m/1/

按鈕是內聯級元素。您需要將其更改為塊或內聯塊:

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

活生生的例子

嘗試將框大小屬性設置為content-box:

.my-button {
  box-sizing: content-box;
  height: 200px;
}

你也可以增加按鈕的字體大小來放大它。