css - 无法访问 html 时使用 css 隐藏单选字段

Question

我有这个html：

<input id="color_#DADAD2" type="radio" value="#DADAD2" name="color">
<input id="color_#FFA4A4" type="radio" value="#FFA4A4" name="color">

我想用css隐藏这些字段。我尝试了几种方法，例如

#color_#DADAD2, #color_#FFA4A4 {display: none;}

或者

#color_#DADAD2, #color_#FFA4A4 input[type="radio"] {display: none;}

但是它们都不起作用，并且仍然显示字段。

我还看到这些输入似乎是由另一种风格控制的：

form input {
height: 18px;
line-height: 18px;
margin-bottom: 3px;
padding-top: 2px;
vertical-align: middle;
}

请注意2点：

1）我无权访问 html（因为是一个不受我自己控制的外部网络软件），但我可以将 css 代码放在专用的 css 文件中。

2）我是一个CSS新手

请问有什么线索吗？

Answer 1

您需要使用反斜杠转义 CSS 选择器中的哈希 ( ) 字符：#\

#color_\#DADAD2, #color_\#FFA4A4 {display: none;}

JSFiddle 演示。