如何在 CSS 中选择单选按钮? 我正在使用的 HTML 是生成的,因此我无法向其中添加类或其他属性。
我在互联网上找到了 input[type="radio"],但我不知道这是否是常规 CSS 并且大多数浏览器都支持。
还有其他方法可以选择单选按钮吗?
谢谢你,
布雷特
属性选择器
input[type="radio"]
是正确的解决方案,除IE6之外都得到广泛支持:)
如果您无法修改 HTML 以注入类名支持 或无法访问 javascript 来完成此操作,那么您的选择是:
您可以使用 jQuery 选择输入并动态添加类。
示例(来源:http://docs.jquery.com/Attributes/addClass#class):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$("p:last").addClass("selected highlight");
});
</script>
<style>
p { margin: 8px; font-size:16px; }
.selected { color:red; }
.highlight { background:yellow; }
</style>
</head>
<body>
<p>Hello</p>
<p>and</p>
<p>Goodbye</p>
</body>
</html>
[编辑]
jQuery 的替代方法是使用 http://code.google.com/p/ie7-js/
它修复了 ie 版本低于 7 的大量问题 您最感兴趣的修复如下所示:
.isRadioRead { pointer-events: none; opacity:0.5; }