当用户点击时，如何避免复选框周围的虚线？

Question

当用户点击IE中的复选框时，我需要避免在复选框周围创建虚线。

了解用户点击时的显示方式，

如何使用css删除复选框周围的虚线？

Answer 1

将outline属性设置为0：

input {
    outline: 0;
}

它可能在IE9中不起作用（由Chris Coiyer记录）。您可能必须使用此元标记：

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

Answer 2

使用全局规则，这适用于任何具有焦点的元素

*:focus {
outline: none;
}

Answer 3

试试这个

input[type='checkbox'] {
  outline:0;
}

Answer 4

这称为大纲，请尝试使用outline: 0;