Bootstrap Select是一个表单控件，它显示可折叠的不同值的列表，这些值可以选择。这可以用于向用户显示表单或菜单。本文显示了可以在Bootstrap中使用自定义样式和bootstrap-select设置
使用默认的自定义样式： Bootstrap具有可应用于某些表单元素的自定义样式。自定义选择菜单仅需要一个自定义类，即.custom-select来触发自定义样式。但是，自定义样式仅限于所选内容的初始外观，并且由于浏览器的限制而无法更改选项。下面的示例表示如何在Bootstrap中使用.custom-select设置默认的
例子：
HTML
GeeksforGeeks
HTML
GeeksforGeeks
HTML
GeeksforGeeks
输出：
只有一些样式属性可以应用于组件。这是因为此类组件属于“已替换组件”。它们与操作系统有关，不是HTML /浏览器的一部分。不能通过CSS设置样式。除了background-color和color之外，将忽略通过组件的样式对象应用的样式设置。
select选项是由操作系统而不是HTML设置样式的。因此，CSS样式没有任何影响。
option {
background-color: color;
border-radius: value;
font-size: value
}通常，上述值将起作用。但是，我们无法自定义填充，边距和其他属性。
Bootstrap-select：要解决上述问题，可以使用Bootstrap-select来设置
注意：默认情况下， bootstrap-select自然会识别正在使用的Bootstrap版本。但是，在某些情况下可能无法进行版本检测。
以下示例显示了如何将bootstrap-select包含在页面中并进行初始化。 selectpicker类用于选择组件中，以自动初始化引导程序选择，如示例中所述：
例子：
的HTML
GeeksforGeeks
输出：
以下是一些可用于设置< select>标记样式的属性：
- data-live-search：它允许我们添加搜索输入。
- 数据令牌：它使我们可以在选项中添加关键字以提高其搜索能力。
- data-max-options：它允许我们指定可以选择的选项的数量限制。它也适用于选项组。
- title：此属性允许我们在未选择任何内容时设置默认的占位符文本。
- 数据样式：此属性可帮助我们设置按钮类的样式。
- show-tick：此属性有助于我们在标准选择框上显示选中标记图标。
- data-width：此属性帮助我们设置选择的宽度。
以下是一些可用于设置标记样式的属性：
- data-icon：用于将图标添加到
- 数据内容：用于将自定义HTML插入
- 数据子文本：用于将子文本添加到
例子：
的HTML
GeeksforGeeks
输出：
