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

Question

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

目标是在鼠标结束时查看它并在鼠标离开时取消选中。但只有在点击时才会检查它。

Answer 1

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

[UPDATE] 使用CSS类，并仅使用jQuery来切换类。

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

参见jsfiddle：http://jsfiddle.net/samliew/TWduB/5/

Answer 2

简单的答案是：

不能改变单选按钮的颜色。

相反，您可以使用img精灵来定制它，如下所示：

有关它的更多信息here : custom radios

Answer 3

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

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

当您尝试定位某个浏览器时会变得更容易。

在此平台上提出了类似的问题，您可以找到它here。

希望它有所帮助！祝你好运！