Webkit提交按钮奇怪的填充导致重叠

Question

Chrome中的外观：

我关掉了所有的风格。这里只有Chrome的样式。您可以看到按钮垂直有大填充，而不是水平。

Chrome认为填充内容是什么

7.273px左侧填充导致整个按钮向右推动一点，这就是为什么它没有与文本字段对齐的原因。

如何填充：

完整款式：

我无法在JSfiddle中重新创建它：https://jsfiddle.net/cmqz4tpq/

<input id="user_id" name="user_id" type="text" value="0">
<br />
<input name="commit" type="submit" value="link">

请放心，没有浮动。

当我尝试覆盖元素样式中的填充时，它也不受尊重。

Answer 1

删除所有样式表和javascripts后，我发现这是由Webkit的错误按钮渲染机制引起的。一旦我们返回到原始缩放（Mac上的命令+ 0），缩放将恢复正常，并且按钮将正确呈现而没有重叠。

这不能通过CSS修复:(

如果有人能找到相关错误报告的网址，那就太好了。