Question

如何修复此偏斜搜索＆＃34;框＆＃34;和＃34;有趣的边界，选择＆＃34; IE或Chrome浏览器中的问题？这应该在css中保持不变，强制性！：

*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}

Example here

特别感谢ze-rubeus帮助解决所有问题！

Answer 1

这是这部剧的解决方案：

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: 0 !important;
}

添加outline:0以永久删除这个丑陋的边框 LIVE DEMO

或者您可以定位此规则并应用outline : 0：

*:focus {
    outline: 0 !important;
}

<强> LIVE DEMO

在IE9中，它不允许你删除这个输出行，直到你使用这个html标记：

<meta http-equiv="X-UA-Compatible" content="IE=9" />

使用IE和Chrome固定盒子

1 个答案: