我在下拉框中使用Bootstrap select(https://silviomoreto.github.io/bootstrap-select/)。
<select id="dataBox" name="dataBox" title="Select data" class="selectpicker form-control"></select>
但是,这里的问题是标题看起来与周围区域输入框中的占位符略有不同(字体和颜色)。如下图所示。无论如何,有没有格式化标题而不是占位符的格式?
这是一个标题
这是一个占位符
最佳答案
引导选择很棘手。答案是这样做的:
.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;
}