Html 输入标签中文本的定位&；按钮。线条高度平直，有时会被忽略

我无法让我的一些按钮或输入在浏览器中看起来相同。文本的垂直定位通常是个问题。我尝试了多种浏览器，Firefox（16）在OSX中忽略了我的线条高度，在Windows中看起来仍然不同

通常相差1px，有时甚至更大。这是一个特别的问题，当你切换到iPad或其他移动设备时，它总是看起来不一样。 这是我的CSS

  margin         : 0px;
  padding        : 0px;
  font-size      : 15px;
  //height       : 15px; // Tried this too with unsatisfying results
  line-height    : 1;
  vertical-align : top;

我没有使用height属性就截图了

编辑：
因此，我四处寻找更多信息，发现了一些类似问题。
但是没有人解决它…
->
->

编辑2:
此外，如果我做了一个JSFIDLE，我仍然会遇到问题，这有点不同，因为它与我正在工作的站点不在同一个上下文中，但它仍然是一个行高/文本问题：
请看这里： 这是OSX上的Chrome（左）和Firefox（右）

编辑3:
这是一个屏幕截图，线条高度设置为18px（来自这个jfiddle:）

我刚刚看到JSFIDLE按钮和悬停框有同样的问题！xD
好了，我现在已经拍完了

--

---

如果有人知道什么把戏，请联系。谢谢

文本呈现在不同平台上的所有浏览器中都是不同的-字体抗锯齿是绝对不同的。所以很难得到像素级的完美效果。根据我的经验，为大量浏览器设置输入/按钮元素的样式是一个主要的PITA。尤其是移动Webkit在某些情况下是不可预测的

---

如果您的CSS不是摘录，您可能需要添加

display:inline块
请创建一个提琴，以便我们可以查看您的问题。我刚才尝试过这个方法，但遗憾的是它没有解决问题。我做了一个jsfiddle，但在定位方面仍然存在类似的问题，我已经用jsfiddle链接更新了我的问题。@Yoschi Strange
行高：1
（无尺寸）。我已经将它设置为18px：我没有Mac电脑来测试它，请试试这把小提琴。我曾在Win7 FF和Chrome上试用过，使用
行高：1
时高度不同，而使用
行高：18px
时高度相等。我在osx和win8中用很多浏览器截图，并将它们添加到我的问题中：）问题仍然存在