我有一系列div用于创建“星级”输入.
通常情况下,恒星是灰色的,当鼠标越过其中一颗恒星时,恒星会填充一种颜色,并且它正在工作.
现在我想要一个“模仿”：悬停行为的类,我把它称为活动状态,所以当我把那个星星填充颜色时,但这是行不通的.
这里的代码：
CSS
.rating span.star:before {
content: "\f005";
padding-right: 5px;
color: #bbb;
}
.rating span.star:hover:before,.rating span.star.active,.rating span.star:hover ~ span.star:before {
color: #ffbe0d;
}
这是小提琴：http://jsfiddle.net/fuTfX/
我正在使用FontAwesome来显示星星
最佳答案
您忘记在之前添加：.active规则.
更改
原文链接：https://www.f2er.com/css/427154.html更改
.rating span.star:hover:before,.rating span.star:hover ~ span.star:before {
color: #ffbe0d;
}
至
.rating span.star:hover:before,.rating span.star.active:before,.rating span.star:hover ~ span.star:before {
color: #ffbe0d;
}
