关于html:删除复选框蓝色边框

Remove Check Box blue border

本问题已经有最佳答案,请猛点这里访问。

我创建了iOS风格的复选框:

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

J小提琴链接

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

请帮我把它取下来。


使用大纲:0这将删除蓝色边框

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

JSfiddle示例