How to choose a style in choosing Bootstrap

Question

I am using Bootstrap select ( https://silviomoreto.imtqy.com/bootstrap-select/ ) for my dropdowns.

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

However, the problem here is that the header looks a bit different (font and color) from placeholders in the input field in the adjacent area. As shown below. Do I need to format the title instead of the placeholder?

This name

This is a placeholder

Answer 1

Bootstrap-select is harder. The answer here is as follows:

.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;
}

Answer 2

According to the docs you are looking for this selector:

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    /* your custom stuff */
}

title :

<span class="filter-option pull-left">Select data</span>