在所有浏览器中具有相同行高的按钮

时间:2011-10-13 07:43:33

标签: button cross-browser css

我一直在寻找答案,但不幸的是仍然找不到合适的答案。

我正在使用图片创建按钮,按钮本身在所有浏览器中看起来都很好..

虽然文本的放置方式不同(垂直),具体取决于您正在查看的浏览器。我已尝试应用行高,填充/边距,顶部/底部和其他几个属性,但没有成功..

是否有办法(使用CSS)在所有浏览器中正确放置文本? (Opera,Firefox,Chrome,Safari)...不要担心Internet Explorer - 我会为此应用一些speciel CSS!

我在这里举了一个例子来讨论:http://jsfiddle.net/GydjP/1/

1 个答案:

答案 0 :(得分:2)

按钮:: - moz-focus-inner {border:0; padding:0; margin:0;}

并且在按钮上添加Line-height显然是迄今为止我能为我的按钮找到的最佳解决方案..它在Firefox + Chrome的旧版本中无效