Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Remove Check Box blue border [duplicate]

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.

like image 461
Gady Tal Avatar asked May 14 '14 16:05

Gady Tal


People also ask

How do you remove a border from a check box?

Set the border color to the same color as the page's background. Apply a box-shadow of "none" to it.

How do I remove a check box border in Word?

Remove the border Select the text box or shape. If you want to change multiple text boxes or shapes, click the first text box or shape, and then press and hold Ctrl while you click the other text boxes or shapes. On the Format tab, click Shape Outline, and then click No Outline.

How do I remove border color?

We can specify the no border property using CSS border: none, border-width : 0, border : 0 properties. Approach 1: We will give border-color, border-style properties to both headings, for showing text with border and no-border. For no border heading, we will use the border-width : 0 which will result in no border.


1 Answers

use outline:0 this will remove the blue boarder

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

JsFiddle example

like image 92
Timo Jungblut Avatar answered Sep 23 '22 00:09

Timo Jungblut