选中时更改复选框标签的颜色

我试图在选中复选框时更改其标签的颜色。我之前在其他网站上做过此操作，但由于某种原因，我的代码无法在这个网站上运行。我正在使用 Drupal 7 和 bootstrap 3+。

我的复选框如下所示：

<div class="checkbox">
    <input class="onlinecheckbox" type="checkbox" name="dealtype[]" id="prov1" onchange="this.form.submit()" value="booking" checked="">
    <label for="prov1">Booking</label>
</div>

我的CSS如下：

.onlinecheckbox input[type="checkbox"] + label {
    color: #ffffff;
}

.onlinecheckbox input[type="checkbox"]:checked + label {
    color: #428bca;
}

你应该放置.onlinecheckbox after input[type="checkbox"]:

input[type="checkbox"].onlinecheckbox + label {
    color: #ffffff;
}

input[type="checkbox"].onlinecheckbox:checked + label {
    color: #428bca;
}