Html 删除复选框蓝色边框

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/23660519/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-29 01:47:27  来源:igfitidea点击:

Remove Check Box blue border

htmlcssformscheckboxborder

提问by Gady Tal

I've created CheckBox with ios style:

我用 ios 样式创建了 CheckBox:

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

jsFiddle link

jsFiddle 链接

Ive tried to remove the blue borderthat created when clicked the button, without success.

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

plz help me to remove it.

请帮我删除它。

回答by Timo Jungblut

use outline:0 this will remove the blue boarder

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

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

JsFiddle example

JsFiddle 示例