通过jquery填充悬停事件单选按钮的颜色？

是否可以通过鼠标悬停事件来控制单选按钮的显示

---

目标是，当鼠标结束时，它看起来是选中的，当鼠标离开时，它看起来是未选中的。但它只有在单击时才会被检查，就像评级一样。

不幸的是，默认浏览器单选按钮的背景色无法通过CSS、jQuery或任何其他方式设置样式。您可能希望改用自定义图像

[更新] 使用CSS类，并且只使用jQuery切换类

$('body').on('click', '.fav-icon', function() {
    $(this).toggleClass('active');
});

请参见JSFIDLE:

简单的答案是：

不，您不能更改单选按钮的颜色。

相反，您可以使用如下img精灵根据需要进行自定义：

---

关于它的更多信息

Shreya，据我所知，如果没有任何外部插件或库（类似的东西），元素（圆点本身）将很难修改

这是因为元素是浏览器的一部分

不过，当您试图针对某个浏览器时，它会变得更容易

在这个平台上有人问过类似的问题，你可以找到它

希望有帮助！祝你好运

检查