Remove Check Box blue border

Question

I've created CheckBox with ios style:

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

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

plz help me to remove it.

score 33 · Accepted Answer · edited Oct 25 '15 at 08:13

33

use outline:0 this will remove the blue boarder

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

edited Oct 25 '15 at 08:13

Tony

answered May 14 '14 at 16:46

Timo Jungblut

6

Keep in mind that this makes it impossible to see whether the checkbox is selected by keyboard navigation using the TAB key. – amoebe Mar 21 '18 at 13:50

1 Answers1