删除复选框蓝色边框

Question

我用ios风格创建了CheckBox：

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

jsFiddle link

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

请帮我删除它。

Answer 1

使用outline：0这将删除蓝色边框

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

JsFiddle example