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.
Set the border color to the same color as the page's background. Apply a box-shadow of "none" to it.
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.
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.
use outline:0 this will remove the blue boarder
input[type="checkbox"]:focus{
outline:0;
}
JsFiddle example
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With