How to choose a style in choosing Bootstrap

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

enter image description here

This is a placeholder

enter image description here

+4
source share
2 answers

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;
}
+1
source

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> 
0

Source: https://habr.com/ru/post/1668019/


All Articles