html - 当用户点击时，如何避免复选框周围出现虚线？

Question

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

查看用户单击时它的显示方式，

在此处输入图像描述

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

score 11 · Accepted Answer

将outline属性设置为 0：

input {
    outline: 0;
}

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

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

score 4 · Accepted Answer

4

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

*:focus {
outline: none;
}

于 2013-08-06T09:24:52.377 回答

score 3 · Accepted Answer

3

尝试这个

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

于 2013-08-06T09:16:13.703 回答

score 1 · Accepted Answer

1

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

于 2013-08-06T09:10:12.553 回答

4 回答 4