Remove Blue Frame

Question

I created a CheckBox with ios style:

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

jsFiddle link

Ive tried to remove the blue frame created when the button was pressed, without success.

plz help me remove it.

Answer 1

use outline: 0 this will remove the blue guesthouse

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

JsFiddle example