Html 用css进行星级评定
所以我有这些单选按钮，它们在reactjs中形成了一个星级组件，当我悬停在他们画成黄色的星星上时，但当我点击其中一个星星并悬停在星星外面时，颜色不会停留，所有星星都会返回灰色 以下是js文件：Html 用css进行星级评定,html,css,Html,Css,所以我有这些单选按钮，它们在reactjs中形成了一个星级组件，当我悬停在他们画成黄色的星星上时，但当我点击其中一个星星并悬停在星星外面时，颜色不会停留，所有星星都会返回灰色 以下是js文件： render(){ return ( <div className="star-rating"> <input id="star-5" type="radio" name="rating" value="star-5"></inpu
render(){
return (
<div className="star-rating">
<input id="star-5" type="radio" name="rating" value="star-5"></input>
<label for="star-5" title="5 stars">
<i className="active fa fa-star" aria-hidden="true"></i>
</label>
<input id="star-4" type="radio" name="rating" value="star-4"></input>
<label for="star-4" title="4 stars">
<i className="active fa fa-star" aria-hidden="true"></i>
</label>
<input id="star-3" type="radio" name="rating" value="star-3"></input>
<label for="star-3" title="3 stars">
<i className="active fa fa-star" aria-hidden="true"></i>
</label>
<input id="star-2" type="radio" name="rating" value="star-2"></input>
<label for="star-2" title="2 stars">
<i className="active fa fa-star" aria-hidden="true"></i>
</label>
<input id="star-1" type="radio" name="rating" value="star-1"></input>
<label for="star-1" title="1 star">
<i className="active fa fa-star" aria-hidden="true"></i>
</label>
</div>
);
}