gpt4 book ai didi

html - 我怎样才能让评级从 fontawesome 5 svg 开始?

转载 作者:行者123 更新时间:2023-11-28 19:27:06 26 4
gpt4 key购买 nike

<分区>

我正在使用 fontawesome 5 进行评级,但无法进行。

我尝试了什么

rating-overall{padding: 10px !important; padding-top: 20px; width: 100%; height: auto; padding: 0px; line-height: 30px; box-shadow: 0 0 5px rgba(0,0,0,.32); cursor: pointer; overflow: hidden; margin-bottom: 12px;}
.rating-overall .fa-star{ font-size: 18px;}
.rating-overall p{ margin-bottom: 0px;}

.star-parent{ width: 130px; position: relative;}
.gray-star{ color:#797979; position: absolute; top:0px; left: 0px; z-index: -1;}
.yellow-star{ color:#dbb403; width: 62px; overflow: hidden !important;}
<script defer src="https://use.fontawesome.com/releases/v5.8.1/js/all.js"></script>


<div class="p-relative star-parent float-left ml-2">
<div class="gray-star">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<div class="yellow-star">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>

我想要如下图:-

enter image description here

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com