自定义选择下拉列表CSS

Question

我想设置元素的下拉列表的样式。我知道如何自定义下拉列表容器和箭头，但我希望能够自定义下拉列表的背景和元素的颜色。

Answer 1

您只需为每个选项元素定位option即可。请注意，您还必须定位select才能设置默认选中<option>的样式。

考虑到option是select的孩子，它会继承规则，因此，您只需定位select。

然后，您只需查找 background 和 color CSS属性。

＆＃13;

＆＃13;

select {
  background: red;
  color: cyan;
}

＆＃13;

<select>
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>

＆＃13;

＆＃13;

＆＃13;

希望这有帮助。