删除复选框蓝色边框[重复]

Posted 2023-02-22

【中文标题】删除复选框蓝色边框[重复]

【英文标题】：Remove Check Box blue border [duplicate]

【发布时间】：2014-07-02 20:30:55

【问题描述】：

我用 ios 风格创建了 CheckBox：

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

jsFiddle link

我已尝试删除单击按钮时创建的蓝色边框， 没有成功。

请帮我删除它。

【参考方案1】：

use outline:0 这将移除蓝色边框

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

JsFiddle example

【讨论】：

请记住，这使得无法通过使用 TAB 键的键盘导航来查看复选框是否被选中。