当无法访问 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(因为是一个不受我自己控制的外部Web软件(，但我被允许将css代码放在专用的css文件中。

2(我是css新手

请问任何线索？

Answer 1

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

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

JSFiddle demo.