如果尝试直接使用CSS属性（例如）设置样式单选按钮background，border否则将无法正常工作，因为大多数表单元素是浏览器的本机部分，并且不接受太多视觉样式。因此，我们必须找到另一种样式的单选按钮。
在本教程中，我们将借助CSS和少量jQuery创建自定义单选按钮。还有许多其他解决方案可用，例如用于自定义单选按钮的jQuery插件，但它们不必要地复杂且不那么容易实现。在这里，我们将以最小的努力来模拟自定义单选按钮的效果，这种效果就像一个魅力，并且在任何项目中都非常容易实现。它与各种浏览器高度兼容，甚至可以在Internet Explorer 7中完美运行。
HTML代码
像在常规HTML中一样创建单选按钮，然后将其放置在任何位置，但不要忘了放置name属性，因为此解决方案取决于name单选按钮的属性，如果要真正放置单选按钮，则也需要此属性行动。
例试试这个代码»
<form action="action.php" method="post">
<h3>What Is Your Favorite Web Browser</h3>
<label><input type="radio" name="browser" checked="checked" value="firefox"> Firefox</label>
<label><input type="radio" name="browser" value="chrome"> Chrome</label>
<label><input type="radio" name="browser" value="safari"> Safari</label>
</form>
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery