我想在下拉菜单中实现多选功能。但是,通过执行bootstrap-select
并为其编写代码来安装npm install bootstrap-select
后,样式似乎与文档示例中所示的样式不同。对我来说,它仍然显示在选择标记中添加多个之后出现的基本样式类型。
<select type="text" className="selectpicker form-control" name="filterOptions" id="filterOptions" onChange={(e) => {self.optionsChange(e, item)}} multiple>
<option key="select" value="allValues">All Values</option>
{self.renderFilterOptions(item)}
</select>
有人可以帮我吗?预先感谢。
以下是我的index.html文件。
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-select.min.css">
<title>Functional Testing</title>
</head>
<body>
<div id="app"></div>
<script src="/bundle.js"></script>
<div class="loadspinner">
<p>
<div class="loader"></div>
<h3>
<b> Please Wait.....</b>
<h3 />
</p>
</div>
</body>
</html>
将bootstrap-select CSS文件依赖性添加到\public\index.html
文件中>
<!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-select.min.css">
参考:引导程序选择Getting Started