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

【问题标题】：fill color of radio button on hover event via jquery?通过jquery在悬停事件上填充单选按钮的颜色？
【发布时间】：2013-01-22 16:18:22
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

简单的答案是：

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

相反，您可以使用以下 img sprites 来根据需要对其进行自定义：

【讨论】：

【解决方案3】：

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

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

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

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

希望对您有所帮助！祝你好运！

【讨论】：