如何在css中选择单选按钮？_Css

如何在css中选择单选按钮？

css

如何在css中选择单选按钮？,css,Css,如何在CSS中选择单选按钮？我正在使用的HTML是生成的，因此我无法向其添加类或其他属性我在互联网上找到了input[type=radio]，但我不知道这是否是常规CSS，是否受到大多数浏览器的支持是否有其他方法选择单选按钮谢谢, Brett输入[type=radio]是一个示例。这是CSS3规范的一部分，完全合法。唯一不支持它们的浏览器是IE6。如果支持IE6对项目很重要，那么您应该考虑将类添加到有问题的单选按钮中以如何有效使用属性选择器为例。查看CSS3 goodies的更多信息。属

如何在CSS中选择单选按钮？我正在使用的HTML是生成的，因此我无法向其添加类或其他属性

我在互联网上找到了input[type=radio]，但我不知道这是否是常规CSS，是否受到大多数浏览器的支持

是否有其他方法选择单选按钮

谢谢,

Brett输入[type=radio]是一个示例。这是CSS3规范的一部分，完全合法。唯一不支持它们的浏览器是IE6。如果支持IE6对项目很重要，那么您应该考虑将类添加到有问题的单选按钮中

以如何有效使用属性选择器为例。查看CSS3 goodies的更多信息。

属性选择器输入[type=radio]是正确的解决方案，除IE6外，其他所有产品都广泛支持：

如果您无法修改HTML以注入类名支持或访问javascript来实现这一点，那么您可以选择：

A.确保你的站点不依赖于此，并允许IE6正常降级

B.没有它的生活

您的解决方案是正确的，可以在除IE6之外的所有现代浏览器中使用。对于IE6，您必须找到选择它们的方法，修改HTML或使用Javascript。

您上面提到的方法是通过CSS将其作为目标的正确方法。这叫一个。但是，IE6及以下版本不支持它。可以通过为IE6添加条件行为脚本来模拟它们。只要在谷歌上搜索，文件的结尾通常是.htc

可能需要注意的是，.htc文件通常会导致糟糕的性能，只能少量使用，并进行彻底测试，以确保性能达到可接受的水平。

您可以使用它来选择输入并动态添加类

示例来源：：

[编辑]

jQuery的另一种选择是使用

它修复了ie版本低于7的大量问题您最感兴趣的修复方法如下所示：

您可以使用jQuery查找页面上的所有单选按钮，然后向其中添加一些CSS类。

egad、.htc voodoo！关于alt解决方案的想法不错。是的，我喜欢这个想法，但我必须在这个项目上支持IE5.5：你的第一个URL链接也是指什么？那就是我复制了错误的链接。谢谢你的提醒。这不是CSS3的好东西-它实际上是CSS2的一部分。因此IE6没有理由缺乏支持。

<!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>