去除复选框蓝色边框

15

我已经创建了一个 iOS 风格的复选框:

<form>
<input id="ckbx" type="checkbox"  value="map_one">
</form>

jsFiddle链接

我尝试删除点击按钮时创建的蓝色边框,但没有成功。

请帮我把它移除。

1个回答

33

使用outline:0这将去除蓝色边框

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

JsFiddle示例


6
请记住,这样做将无法通过使用 TAB 键进行键盘导航来查看复选框是否被选中。 - amoebe

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接