CSS - Bootstrap 选择下拉样式颜色

Question

我正在努力更改 Bootstrap 选择下拉列表的默认蓝色。

我试过:hover ， :active over option并select没有成功。

当用户单击 Bootstrap 中的选择下拉菜单时会发生什么？ 这将是要更改的 CSS 选择器：

1. 当用户将鼠标悬停在所有选项和
2. 显示选择后出现的边框蓝色（下拉菜单）

相关代码为：

<select name="product_table_length" aria-controls="product_table" class="">
    <option value="10">10</option>
    <option value="25">25</option>
    <option value="50">50</option>
    <option value="100">100</option>
</select>

我同时使用 Bootstrap 和 Datatables（不确定最后一个信息是否相关）。

Answer 1

选择的下拉列表设计取决于设备。 每个设备都有自己的设计，改变它的唯一方法是添加允许自定义的 javascript 代码。

目的是制作一些 html 代码，例如您自己设计的简单列表。 然后创建隐藏的真实下拉列表（或只是隐藏的输入）。 完成后，您在 javascript 中创建事件，例如“onclick”，这将更改您的隐藏字段值。

你可以在codrops上找到一个例子