最简单的方法来改变选择windows html的颜色

Question

当我的网站用户点击选择框时，带有选择选项的窗口颜色与正文颜色相匹配，但我想更改此颜色。例如，CSS中的此代码仅影响输入框，而不是显示下拉列表中选项的较小“窗口”：

select {
background-color: aliceblue;
}

是否有快速解决方法，或者我必须使用jquery或其他UI进行自定义。

Answer 1

<select>对CSS修改是非常不友好的，如果您的目标是更改选择下拉列表或箭头的外观（或者在很多情况下是框的大小），您将不得不依赖于JS解决方案完全替换<select>。

一些替代方案：

https://select2.github.io（jQuery解决方案）

https://silviomoreto.github.io/bootstrap-select/（引导程序解决方案）

Answer 2

如果我理解正确，您需要更改<option>元素的背景颜色。以下是一些示例代码：

HTML：

<select name="" id="">
  <option value="">First</option>
  <option value="">Second</option>
  <option value="">Third</option>
</select>

CSS：

select, option {
  background-color: red;
}

https://jsfiddle.net/4h99eznb/

Answer 3

您可以设置＆＃34; echo "<li> {$row['cat_title']} </li>"; 标记窗口的background-color样式＆＃34;如果您将其应用于select元素：

＆＃13;

＆＃13;

option

＆＃13;

select option {
  background-color: blue;
  color: white;
}

＆＃13;

＆＃13;

＆＃13;

显然，这个解决方案并不适用于所有浏览器......