HTML选择选项需要突出显示

我正在创建一个HTML下拉列表。这是我的密码

HTML

<select>
    <option class="first"  style="display:none;">HH</option>  
    <option class="green">Hello</option> 
    <option>Magazine</option>         

</select>

嗯
你好
杂志

我已将第一个

选项

指定给

显示：无

，因此它不应显示在下拉列表中。这很有效。酷！！！！，但是我无法为第一个

选项指定颜色，因此它是下拉列表的标题，请帮助我找到答案选项1
您可以在
选择
和
选项
上设置颜色，为下拉列表和占位符文本（HH）提供颜色

示例

select {
  color: red;
}

select option {
  color: black;
}

<select>
  <option class="first"  style="display:none;">HH</option>  
  <option disabled class="green">Hello</option> 
  <option>Magazine</option>         
</select>

select option[disabled] {
  color: red;
}

选择2
如果第一个选项（Hello）纯粹是一个标题，而您不希望选择它，那么您应该将其设置为
禁用
。然后可以相应地设置样式

示例

select {
  color: red;
}

select option {
  color: black;
}

<select>
  <option class="first"  style="display:none;">HH</option>  
  <option disabled class="green">Hello</option> 
  <option>Magazine</option>         
</select>

select option[disabled] {
  color: red;
}


嗯
你好
杂志
选择选项[已禁用]{
颜色：红色；
}
选项1
您可以在
选择
和
选项
上设置颜色，为下拉列表和占位符文本（HH）提供颜色

示例

select {
  color: red;
}

select option {
  color: black;
}

<select>
  <option class="first"  style="display:none;">HH</option>  
  <option disabled class="green">Hello</option> 
  <option>Magazine</option>         
</select>

select option[disabled] {
  color: red;
}

选择2
如果第一个选项（Hello）纯粹是一个标题，而您不希望选择它，那么您应该将其设置为
禁用
。然后可以相应地设置样式

示例

select {
  color: red;
}

select option {
  color: black;
}

<select>
  <option class="first"  style="display:none;">HH</option>  
  <option disabled class="green">Hello</option> 
  <option>Magazine</option>         
</select>

select option[disabled] {
  color: red;
}


嗯
你好
杂志
选择选项[已禁用]{
颜色：红色；
}
选项1
您可以在
选择
和
选项
上设置颜色，为下拉列表和占位符文本（HH）提供颜色

示例

select {
  color: red;
}

select option {
  color: black;
}

<select>
  <option class="first"  style="display:none;">HH</option>  
  <option disabled class="green">Hello</option> 
  <option>Magazine</option>         
</select>

select option[disabled] {
  color: red;
}

选择2
如果第一个选项（Hello）纯粹是一个标题，而您不希望选择它，那么您应该将其设置为
禁用
。然后可以相应地设置样式

示例

select {
  color: red;
}

select option {
  color: black;
}

<select>
  <option class="first"  style="display:none;">HH</option>  
  <option disabled class="green">Hello</option> 
  <option>Magazine</option>         
</select>

select option[disabled] {
  color: red;
}


嗯
你好
杂志
选择选项[已禁用]{
颜色：红色；
}
选项1
您可以在
选择
和
选项
上设置颜色，为下拉列表和占位符文本（HH）提供颜色

示例

select {
  color: red;
}

select option {
  color: black;
}

<select>
  <option class="first"  style="display:none;">HH</option>  
  <option disabled class="green">Hello</option> 
  <option>Magazine</option>         
</select>

select option[disabled] {
  color: red;
}

选择2
如果第一个选项（Hello）纯粹是一个标题，而您不希望选择它，那么您应该将其设置为
禁用
。然后可以相应地设置样式

示例

select {
  color: red;
}

select option {
  color: black;
}

<select>
  <option class="first"  style="display:none;">HH</option>  
  <option disabled class="green">Hello</option> 
  <option>Magazine</option>         
</select>

select option[disabled] {
  color: red;
}


嗯
你好
杂志
选择选项[已禁用]{
颜色：红色；
}
您也可以试试-


css:-

你也可以试试-


css:-

你也可以试试-


css:-

你也可以试试-


css:-

请注意
display:none
，因为它可能不适用于所有浏览器。我刚才也问了一个类似的问题，看你不能设计项目的样式。有些属性可以工作，但根本不可移植。你最好把它们看作是不可触摸的纯文本项目，如果你需要更多的灵活性（有它的所有缺点……），你就要小心：<>代码>显示：没有“< /代码>”，因为它可能在所有浏览器中都不起作用。我刚才也问了一个类似的问题，看你不能设计项目的样式。有些属性可以工作，但根本不可移植。你最好把它们看作是不可触摸的纯文本项目，如果你需要更多的灵活性（有它的所有缺点……），你就要小心：<>代码>显示：没有“< /代码>”，因为它可能在所有浏览器中都不起作用。我刚才也问了一个类似的问题，看你不能设计项目的样式。有些属性可以工作，但根本不可移植。你最好把它们看作是不可触摸的纯文本项目，如果你需要更多的灵活性（有它的所有缺点……），你就要小心：<>代码>显示：没有“< /代码>”，因为它可能在所有浏览器中都不起作用。我刚才也问了一个类似的问题，看你不能设计项目的样式。有些属性可以工作，但根本不可移植。你最好把它们看作是不可触摸的纯文本项目，如果你需要更多的灵活性（与所有的缺点……）一起去，兄弟，它正在工作……以前的答案…现在Y又变了，兄弟，它正在工作……以前的答案…现在Y又变了，兄弟，它在工作……以前的答案…现在Y又变了，兄弟，它起作用了…以前的答案…现在Y又变了