How to style title in Bootstrap select

Question

I am using Bootstrap select (https://silviomoreto.github.io/bootstrap-select/) for my dropdown boxes.

<select id="dataBox" name="dataBox" title="Select data" class="selectpicker form-control"></select> 

However, the issue here is the title looks slightly different (font and color) from placeholders in input boxes in the surrounding area. Like shown below. Is there anyway to format the title instead of the placeholder?

This is a title

This is a placeholder

Answer 1

Bootstrap-select is tricky. The answer here is to do this:

.bootstrap-select > .dropdown-toggle[title='Select role'],
.bootstrap-select > .dropdown-toggle[title='Select role']:hover,
.bootstrap-select > .dropdown-toggle[title='Select role']:focus,
.bootstrap-select > .dropdown-toggle[title='Select role']:active {
    color: grey;
}