samedi 11 novembre 2017

Remove weird blue background on checkboxes

I'm using the custom forms of Bootstrap 4 on a website and while clicking there is a weird light-blue background behind the indicator (see BS 4 documentation or picture).

I now played around with my web console and tried different things to get rid of that background, but didn't manage. I know that the background is on the focus of the actual input, which is set to display none... I have tried adding different styles to the label and/or the input, such as box-shadow: none; outline: none; background-color: transparent; etc. but neither of them worked.

This is why I'm searching for a solution here on StackOverflow. I hope, that someone can help.


Normal unchecked custom checkbox of BS 4

Not checked

The weird light-blue background appearing from nowhere on focus

Focus

The checked custom checkbox of BS 4

Checked




Aucun commentaire:

Enregistrer un commentaire