如何更改第一个选择选项的文本颜色

小编典典

如何更改第一个选择选项的文本颜色

css

我有一个选择元素，其中包含多个项目。我想更改其第一项的颜色，但似乎仅在单击选择下拉菜单时才会显示颜色。我想要的是在加载页面时更改颜色（例如灰色），以便用户可以看到第一个选项的颜色是不同的。

CSS：

select{
  width: 150px;
  height: 30px;
  padding: 5px;
  color: green;
}
select option { color: black; }
select option:first-child{
  color: green;
}

HTML：

<select>
    <option>Item1</option>
    <option>Item2</option>
    <option>Item3</option>
</select>

阅读 268

2020-05-16

共1个答案

小编典典

那这个呢：

select{
  width: 150px;
  height: 30px;
  padding: 5px;
  color: green;
}
select option { color: black; }
select option:first-child{
  color: green;
}

2020-05-16