CSS - Bootstrap选择下拉样式颜色

Question

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

我已尝试:hover，:active超过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

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

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

您可以在codrops

上找到一个例子