我的网站上的填写表格有问题.如果我已将高度/宽度设置为表单元素,然后向其添加填充.在我尝试过的所有浏览器中,除了Firefox之外,填充都添加到高度/宽度.
如果我的输入宽度为200,高度为20px.并且在5(所有方向)填充,总和和总宽度和高度将是210px和30px,但在Firefox中它是200px和20px.
我该如何解决这个问题呢？
给input这个CSS:
box-sizing: border-box;
你可以阅读更多有关box-sizing在怪异模式,W3C规范,并MDN.这是它的浏览器支持.使用前缀-moz-或-webkit-目标浏览器的要求.
这个答案以前曾提出过initial我使用Chrome Web Inspector中的向上/向下箭头键找到的值.但事实证明,这initial是一个CSS关键字,适用于任何属性,代表属性的初始值 - 浏览器的默认值.initial比明确命名要使用的盒子模型安全性更低.如果box-sizing: initial指定了并且浏览器的默认值已box-sizing更改,则input填充可能会再次中断.
京公网安备 11010802040832号 | 京ICP备19059560号-6 