選中復選框時更改復選框標簽的顏色
[英]Changing color of checkbox label when checked
問題描述
我試圖更改復選框標簽的顏色。 我之前在其他站點上已經完成了此操作，但是由於某種原因，我的代碼無法在此站點上運行。 我正在將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;
}
2 個解決方案
解決方案1
5 已采納 2014-11-08 20:54:40
您應該在input[type="checkbox"]之后放置.onlinecheckbox ：
input[type="checkbox"].onlinecheckbox + label {
color: #ffffff;
}
input[type="checkbox"].onlinecheckbox:checked + label {
color: #428bca;
}
解決方案2
0 2014-11-08 20:49:40
嘗試一下
<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>
選中復選框時，asp .net頁面更改標簽的背景色
[英]asp .net page change background color of label when checkbox is checked
如果選中復選框，則更改標簽顏色；如果未選中復選框，則更改標簽顏色
[英]change the label color if checkbox is checked and red if checkbox is unchecked
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.