Html 如何在引导选择中设置标题样式

我正在为我的下拉框使用Bootstrap select（）

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

然而，这里的问题是标题看起来与周围区域输入框中的占位符略有不同（字体和颜色）。如下图所示。是否需要格式化标题而不是占位符

这是一个标题

这是一个占位符

根据，您正在寻找此选择器：

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

Title属性放置在此元素中并充当占位符：

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

选择数据

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

.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这是一个巨大的挑战，因为当标题在按钮上可见时，Bootstrap Select缺少显式类。（我认为这将是一个很好的特性）值得注意的是：这确实为按钮上的可见标题属性设置了样式。但是，这也将设置按钮上出现的任何选择的样式。如果您希望标题与常规选择不同，则不会有帮助。+1就我所见，这是最好的方法，并且是不引入Javascript的极少数选项之一。