我一直在寻找答案,但不幸的是仍然找不到合适的答案。
我正在使用图片创建按钮,按钮本身在所有浏览器中看起来都很好..
虽然文本的放置方式不同(垂直),具体取决于您正在查看的浏览器。我已尝试应用行高,填充/边距,顶部/底部和其他几个属性,但没有成功..
是否有办法(使用CSS)在所有浏览器中正确放置文本? (Opera,Firefox,Chrome,Safari)...不要担心Internet Explorer - 我会为此应用一些speciel CSS!
我在这里举了一个例子来讨论:http://jsfiddle.net/GydjP/1/
答案 0 :(得分:2)
按钮:: - moz-focus-inner {border:0; padding:0; margin:0;}
并且在按钮上添加Line-height显然是迄今为止我能为我的按钮找到的最佳解决方案..它在Firefox + Chrome的旧版本中无效