I am having difficulty changing the default blue color for Bootstrap select dropdowns.
Despite trying :hover and :active selectors on both option and select, I have not been successful in making the desired changes.
Could anyone provide insight regarding what happens when a user clicks on a select dropdown in Bootstrap? Additionally, which CSS selector should be used to modify:
- the blue color displayed when hovering over options?
- the border color that appears when the dropdown is opened?
https://i.sstatic.net/Cc0es.png
The relevant code snippet is as follows:
<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>
It should be noted that Bootstrap and Datatables are being utilized simultaneously (though the relevance of the latter may not be clear).