html – 如何在css中进行输入并选择相同的宽度
在我的页面中,有几个输入和选择标签.
我用宽度:100%;定义它们的宽度,但浏览器中的宽度不是100%. 我在chrome中使用了调试工具,发现还应用了useragent样式表样式. 如何使宽度100%? 解决方法
Demo Fiddle
理想情况下,您应该将样式与内容分开,因此在CSS中包括: input,select{ width:100%; box-sizing:border-box; } NB. demo fiddle without box-sizing set 并且您需要使用box-sizing:border-box来调整大小以考虑任何特定于浏览器或设置边距/填充/边框. Here’s a handy read on the subject. Box-Sizing on MDN:
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |