UI設計的，必須要這么做，點擊之后右邊的哪個小紅點，還有小紅圈怎么寫？
checkbox選中之后怎么改變背景顏色
白豬掌柜的
2019-03-13 17:19:26
4 回答
北方的郎n_n
TA貢獻1條經驗 獲得超0個贊
.cconte div input[type='checkbox']{
? ? position: absolute;
? ? left:-0.2rem;
? ? top: .1rem;
? ? -webkit-appearance: none;?
? ? appearance:none;
? ? -moz-appearance:none;?
? ? display: block;
? ? width: .16rem;
? ? height: .16rem;
? ? border:1px solid #B5B5B5;
? ? outline: none;
? ? border-radius: 2px;
}
.cconte div input[type='checkbox']:checked{
? ? background: url(/crm/images/icon/866.png) no-repeat center /cover;
? ? border:none;
}
慕田峪4524236
TA貢獻1875條經驗 獲得超5個贊
<span><div></div></span> <a href="#">男</a>
<span><div></div></span> <a href="#">女</a>
<script>
window.onload = function(){
var divs = document.getElementsByTagName("div"),
spans = document.getElementsByTagName("span");
for(var i = 0 ; i < divs.length ; i++){
spans[i].index = i;
spans[i].onclick = function(){
divs[this.index].style.background = "red";
}
}
}
簡單寫了一個 ，可以做參考下。
添加回答
舉報
0/150
提交
取消