我一直在寻找答案,但遗憾的是仍然没有找到合适的答案..
我正在使用图像创建按钮,按钮本身在所有浏览器中看起来都不错..
问题是文本的放置方式(垂直)不同,具体取决于您从哪个浏览器查看它。我尝试同时应用行高、填充/边距、顶部/底部和其他几个属性,但没有成功..
难道没有办法(使用 CSS)在所有浏览器中正确放置文本吗? (Opera、Firefox、Chrome、Safari)...不用担心 Internet Explorer - 我会为此应用一些特殊的 CSS!
我在这里举了一个例子来玩:http://jsfiddle.net/GydjP/1/
最佳答案
button::-moz-focus-inner {border:0;padding:0;margin:0;}
并且为按钮添加 Line-height 显然是目前为止我能为我的按钮找到的最佳解决方案。虽然它在非常旧版本的 Firefox + Chrome 中不起作用
关于所有浏览器中具有相同行高的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7750925/