Remove Check Box blue border [duplicate]

Question

This question already has answers here:

How to remove focus border (outline) around text/input boxes? (Chrome) [duplicate] (11 answers)

Closed 9 years ago.

I've created CheckBox with ios style:

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

jsFiddle link

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

plz help me to remove it.

Answer 1

use outline:0 this will remove the blue boarder

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

JsFiddle example