如何使用css输入类型按钮和按钮引导修复firefox不同行高的错误

Question

firefox v.27.0.1在输入类型中的错误“按钮”行高为17px但在css行高：20px！important;看一下图片

请帮帮我

Answer 1

好吧，您可以将input替换为button，行高可行。

所以，不要使用

<input type="button" value="Relate and publish" />

但请使用

<button type="button">Relate and publish</button>

代替。见http://jsfiddle.net/XHw4L/4/

或者，如果您根本无法更改HTML，则可以明确地将高度更改为输入以匹配按钮的高度。在这个例子中，28px可以解决这个问题，但是如果在其他地方定义了其他样式，你可能需要进行一些调整。

请参阅updated fiddle。