Javascript 使用CSS控制RateYo中的RatedFill

我在应用程序中使用了一个很棒的jQuery插件

它使用SVG作为其创建星星的方法，这显然是对传统使用图像的方法的极大改进，但是它似乎阻止使用CSS来控制评级星星的颜色

因此，您可以轻松地执行以下操作：

$("#rateYo").rateYo({
    normalFill: "#A0A0A0",
    ratedFill: "#F39C12"
});

然而，出于显而易见的原因，我希望通过CSS而不是JavaScript来控制这些参数

我试过一些简单的方法，比如

.rating svg {
    fill: $blue3;
}

这确实会更改星星的颜色，但也会阻止控件正常运行，因为它将所有星星的颜色固定为CSS中提供的填充颜色

---

因此，请大家提供一些建议，说明我如何能够通过CSS而不是JavaScript控制

ratedFill

参数？

通过检查RateYo创建的标记，您可以找到相关的类并将它们作为目标

下面是一个活生生的例子：

$（函数（）{
美元（“.rating”）.rateYo({
评级：2.5
});
});
.rating.jq-ry正常组svg{
填充物：银；
}
.rating.jq ry额定组svg{
填充：蓝色；
}
我还添加了其他选项以提高答案的实用性


$（“.rateyo”）.rateyo（）
#rateyo1.jq-ry-normal-group svg
{
填充：紫色；
冲程：石灰；
笔画宽度：20；
}
#费率1.jq ry额定组svg
{
填料：石灰；
笔画：紫色；
笔画宽度：20；
}

Mate你绝对是个传奇人物。我没有注意到有两个单独的容器，一个用于普通星星，另一个用于额定星星。衷心感谢您的帮助！只要赏金能让我…@MaximGershkovich很乐意帮忙！：）