search

minhur / bootstrap-toggle

Bootstrap Toggle is a highly flexible Bootstrap plugin that converts checkboxes into toggles
http://www.bootstraptoggle.com
MIT License
1.48k stars 440 forks source link

bootstrap outline class not working on data-off #217

Closed alindzon closed 4 years ago

alindzon commented 4 years ago

<input id="Audio" data-offstyle="outline-danger" data-onstyle="outline-success" data-toggle="toggle" data-style="ios" type="checkbox" data-on="<i class='fas fa-microphone-alt'></i>" data-off="<i class='fas fa-microphone-alt-slash'></i>" checked />

with this input the on icon shows as green against white unless you hover and then it is white against greed as it should be.

When in the off position the icon is always white against red.

Perhaps a bug in data-offstyle?

I tried reversing the order, reversing the styles, changing the icon, removing data-style="ios", and nothing made a difference, it is always the off position where it does not work.

alindzon commented 4 years ago

resolved by changing to https://gitbrent.github.io/bootstrap4-toggle/