ASP.NET核中的星级

Question

我正试图在ASP.NET核心上创建一个星级评级系统，我现在有这段代码。然而，我无法在它上空盘旋以改变星辰。

<div class="form-group">
   <span class="text-warning">
      <i class="ratingStar fas fa-star"></i>
      <i class="ratingStar far fa-star"></i>
      <i class="ratingStar far fa-star"></i>
      <i class="ratingStar far fa-star"></i>
      <i class="ratingStar far fa-star"></i>
    </span>               
</div>

<script>
    $(".ratingStar").hover(function () {
        $(".ratingStar").addClass("far").removeClass("fas");

        $(this).addClass("fas").removeClass("far");
        $(this).prevAll(".ratingStar").addClass("fas").removeClass("far");
    });
</script>

Answer 1

您需要通过应用CSS来做到这一点。在<style>中添加以下类。以下是例子：

.ratingStar:hover {
  background-color: yellow;
}