Add utility class for user-select:none ?

Created by: adelivuk-zz

Is there a reason why the text selection isn't disabled on the .checkbox label element? It's kind of annoying when you're clicking fast on the element, see the image:

Adding these styles fixes the issue:

.checkbox label{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

---

Or maybe creating, for example, a .disable-user-select class, like:

.disable-user-select{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

<div class="checkbox">
    <label class="disable-user-select">
        <input type="checkbox"> Check me out
    </label>
</div>

---

However, I've noticed that you using the user-select style on the .btn class. Should I add .btn class to the .checkbox label element? Is that the "bootstrap" way for dealing with it?

<div class="checkbox">
    <label class="btn">
        <input type="checkbox"> Check me out
    </label>
</div>