主要实现多个按钮同时被选中,并可随时取消选中,此处的按钮实质为checkBox
图1:展示按钮未被选中
图2:展示按钮被选中
CSS代码
.dayCheck {
background: #1B9AF7;
width: 50px;
height: 40px;
border-radius: 5px;
color: #FFFFFF;
}
.dayUnCheck {
background: #90C7F0;
width: 50px;
height: 40px;
border-radius: 5px;
color: #FFFFFF;
}
.dayCheckBox {
width: 100%;
height: 100%;
margin: -10px 0px 0px;
opacity: 0;
}
.dayTxt {
ma