使用 IE 和 Chrome 卡住框

Question

如何在 IE 或 Chrome 浏览器中修复此倾斜搜索 "box" 和 "amusing border, after select" 问题？这应该在 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 卡住框

Stuck box using IE and Chrome

javascript

css

box