css - 如何在 webkit 浏览器上设置按钮(输入元素)的高度？

Question

在装有 webkit 浏览器(Safari 和 Chrome，当前版本)的 Mac 上，我无法设置输入元素的高度。

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

不会工作。

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

http://jsfiddle.net/XmS6m/

尽管可以使用样式属性或 jQuery 设置宽度。

这种不一致的原因是什么？什么是可能的解决方案？

Answer 1

Display inline-block 什么都不做，因为输入已经默认设置了显示。添加 border:none。当您这样做时，它开始表现得像您想要的那样。这是 fiddle -> http://jsfiddle.net/joplomacedo/XmS6m/1/