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

我一直在寻找答案，但不幸的是仍然没有找到正确的答案

我正在使用图像创建按钮，并且按钮本身在所有浏览器中看起来都很好

但问题是，文本的放置方式（垂直）有所不同，这取决于您从哪个浏览器查看文本。我尝试过应用线条高度、填充/边距、顶部/底部和其他几个属性，但没有成功

是否有一种方法（使用CSS）可以在所有浏览器中正确放置文本？（Opera、Firefox、Chrome、Safari）。。。不要担心Internet Explorer-我会为此应用一些特殊的CSS

---

我在这里举了一个例子来演示：

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

---

加上按钮的线条高度显然是目前为止我能找到的最好的按钮解决方案。。它在非常旧的Firefox+Chrome版本中不起作用，尽管

尝试为按钮设置一个固定的高度，将内部文本包装在一个跨距中，或者用（仅）一个填充的顶部。你能举一个类似我的jsfiddle的例子吗？按钮：：-moz focus inner{边框：0；填充：0；边距：0；}在所有浏览器中添加行高实际上对我来说都很有用，除了非常旧的Chrome和Firefox版本（其中行高根本不起作用）仅供参考，Firefox的所有版本都会忽略按钮上的行高：