如何在Bootstrap中选择样式

我为我的下拉框使用Bootstrap select（https://silviomoreto.github.io/bootstrap-select/）。如何在Bootstrap中选择样式

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

然而，这里的问题是标题看起来略有不同，从周边地区在输入框中占位符（字体和颜色）。如下所示。无论如何要格式化标题而不是占位符？

这是一个标题

这是一个占位符

来源

2017-01-27 kevin_b

你能分享一个现场的例子吗？在上下文中查看这些项目并查看导致细微差异的原因会很有用。 –

这是一个很好的问题！ +1这是一个很大的挑战，因为Bootstrap Select在按钮上显示标题时没有明确的类。（我认为这会是一个很好的功能） – EoghanTadhg

据the docs，你看，这个选择：

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

标题在贡被放置在此元件和充当占位符：

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

来源

2017-01-27 16:46:17

值得注意的是：这确实会对按钮上的可见标题属性进行样式设置。但是，这也将设置按钮上出现的任何选择。如果您希望标题的显示方式与常规选择不同，将无济于事。 – EoghanTadhg

引导选是棘手的。答案是这样的：

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

来源

2017-01-27 18:14:34 OneMoreQuestion

+1据我所知，这是最好的方法，并且在很少的选项中没有引入Javascript。 – EoghanTadhg

如何在Bootstrap中选择样式

回答

相关问题