fuzzy border when clicked

[patrick-motard]

Unclicked:

Clicked:

Clicked again:

Notice the fuzzy/dotted border around the box. If I click away, the border is removed.

A few things I've tried:

input:focus{
  outline:none;
}

and:

input[type="radio"]:focus {
    outline: none;
}

With no luck. I'd like there to be no fuzzy/dotted border at all when the button is selected.

[patrick-motard]

Possibly related: https://github.com/Wikiki/bulma-switch/issues/20 Going to try this and will report back here.

[patrick-motard]

So far I've tried: The fix mentioned in #20:

$checkradio-focus: none;
@import '~bulma-switch';

and a variable mentioned in the docs:

$switch-focus: none;
@import '~bulma-switch';

Neither worked. Although I will note that with either option if you click fast several times, while clicking quickly there is no border. 💯

So neither option works for me. 😞