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

Question

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

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

Answer 1

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

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

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

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

Answer 2

简单的答案是：

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

相反，您可以使用这样的 img sprites 根据您的需要自定义它：

有关它的更多信息：自定义收音机

Answer 3

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

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

但是，当您尝试针对某个浏览器时，它会变得更容易。

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

希望能帮助到你！祝你好运！