Css 使用Elementor page builder将单选按钮转到星级

我正在尝试将我使用elementor页面生成器制作的表单上的所有单选按钮转换为星级选项

我尝试过使用这个CSS 用.elementor字段子组替换.rating-无效

我有什么想法可以用吗

更新：

我尝试了这个CSS&Jscript：

.elementor-field-group-stars label:after {font-family:eicons; content:"\e933"; color:gold}
.elementor-field-group-stars:hover label:after {content:"\e934"!important;}
.elementor-field-group-stars .elementor-field-option:hover ~ .elementor-field-option > label:after {content:"\e933"!important;}
.elementor-field-group-stars.selected label:after {content:"\e934";}
.elementor-field-group-stars.selected .elementor-field-option.active ~ .elementor-field-option label:after {content:"\e933"}
.elementor-field-group-stars input {display:none!important}
.elementor-field-group-stars label {color:transparent}
.elementor-field-group-stars .elementor-field-option {padding:0!important}


$('.elementor-field-group-stars input').click(function() {
               if($('.elementor-field-group-stars input').is(':checked'))  {
                   $(".elementor-field-group-stars").addClass("selected");
                   $(".elementor-field-option").removeClass("active");
                   $(this).parent().addClass("active");
}
});

---

它一次只适用于一个单选按钮，而不是页面上的所有单选按钮。它很接近，但还没有出现。我不认为您可以使用Elementor直接将单选按钮更改为星星，但由于您提到使用它，Elementor有一个预制作的星星评级小部件，您可以使用。根据个人经验，我可以说它工作得很好，你可以根据自己的喜好来设计它

以下是YouTube的链接，您可以在其中查看更多内容：

---

您好，我需要一个星级，以便用户回答满意度调查，而不是在屏幕上显示星级。这就是为什么我需要使用这个表格/也许这样的表格会对你有所帮助。