[英]Webkit submit button strange padding causing overlap
Chrome中的外观:
我已经关闭了所有样式。 这仅是Chrome中的样式。 您可以看到该按钮在垂直方向而非水平方向具有较大的填充。
Chrome认为填充物是
7.273 px的左填充使整个按钮向右移了一点,这就是为什么它与文本字段不对齐的原因。
它是如何得到填充的:
完整样式:
我无法在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的错误按钮呈现机制引起的。 返回原始缩放(在Mac上为Command + 0)后,缩放将恢复为正常,并且按钮将正确呈现且没有重叠。
这无法通过CSS修复:(
如果有人可以找到相关错误报告的URL,那将是很好的。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.