Изменение цвета метки флажка при проверке

Я пытаюсь изменить цвет метки моего флажка, когда он установлен. Я делал это раньше на других сайтах, но по какой-то причине мой код просто не работает над этим. Я использую Drupal 7 с бутстрапом 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; 
}

источник

2014-11-08 user2694306

Вы должны поместить .onlinecheckbox после input[type="checkbox"]:

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

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

источник

2014-11-08 20:54:40 nicael

@Hash очень благодарен, не заметил: D – nicael

Селекторы в вопросе * действительны *, они просто не * право * (не соответствуют элементам, которые они должны соответствовать). –

@ JukkaK.K ОК :) – nicael

попробовать это работает

<html> 
<head> 
    <title></title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script src="http://dygraphs.com/dygraph-dev.js"></script> 
<style> 
input[type="checkbox"] +label { 
    color: #ffffff; 
} 

input[type="checkbox"]:checked+label { 
    color: #428bca; 
} 
</style> 
</head> 
<body> 
<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> 
<script> 

</script> 
</body> 
</html>

источник

2014-11-08 20:49:40 kaxi1993

Изменение цвета метки флажка при проверке

ответ

Смежные вопросы