Webkit 提交按钮奇怪的填充导致重叠
Webkit submit button strange padding causing overlap
它在 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">
放心，没有浮动。
当我尝试覆盖元素样式中的内边距时，它也不被尊重。
删除所有样式表和 javascript 后，我发现这是由 Webkit 的错误按钮呈现机制引起的。一旦我们 return 到原始缩放（command + 0 on Mac），缩放 returns 到正常，按钮将正确呈现，没有重叠。
这无法通过 CSS 修复:(
如果有人能找到 url 的相关错误报告，那就太好了。
它在 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">
放心，没有浮动。
当我尝试覆盖元素样式中的内边距时，它也不被尊重。
删除所有样式表和 javascript 后，我发现这是由 Webkit 的错误按钮呈现机制引起的。一旦我们 return 到原始缩放（command + 0 on Mac），缩放 returns 到正常，按钮将正确呈现，没有重叠。
这无法通过 CSS 修复:(
如果有人能找到 url 的相关错误报告，那就太好了。