我在下拉框中使用Bootstrap select(https://silviomoreto.github.io/bootstrap-select/)。

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

但是,这里的问题是标题看起来与周围区域输入框中的占位符略有不同(字体和颜色)。如下图所示。无论如何,有没有格式化标题而不是占位符的格式?

这是一个标题

html - 如何在Bootstrap select中设置标题样式-LMLPHP

这是一个占位符

html - 如何在Bootstrap select中设置标题样式-LMLPHP

最佳答案

引导选择很棘手。答案是这样做的:

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

10-07 21:22
查看更多