如何正确应用 .mdb-select 样式？答案

【问题标题】：How can I apply .mdb-select styles properly?如何正确应用 .mdb-select 样式？
【发布时间】：2018-01-09 21:13:20
【问题描述】：

documentation from MDB 有以下示例：

<select class="mdb-select" multiple>
    <option value="" disabled selected>Choose your country</option>
    <option value="1">USA</option>
    <option value="2">Germany</option>
    <option value="3">France</option>
    <option value="4">Poland</option>
    <option value="5">Japan</option>
</select>

但是，stylesheet they link to 没有我能找到的 .mdb-select 类。我错过了什么？我在自己的项目中尝试过他们的示例，但无法应用样式。

该项目已经链接了基本引导文件（某处），并且在我的页面中我试图像这样引用 MDB：

<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.4.4/css/mdb.min.css">
    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <!-- Latest compiled JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.4.4/js/mdb.min.js"></script>

【问题讨论】：

看来他们也使用 JS 来进行选择，你也包含 JS 了吗？
是的，我有。我会更新我的问题以反映这一点

标签： javascript css twitter-bootstrap bootstrap-material-design

【解决方案1】：

那是因为文档没有对该类进行样式化；它只是可以被 jQuery 代码编辑的。我查看了文档上的 jQuery 代码，您可以在文档的 jQuery 部分看到 $(“.mdb-select”)。您可以通过在代码中的.material_select () 之后添加.css() 来对元素进行样式化，并在()s 之间添加您的样式。希望能帮到你！

【讨论】：

【解决方案2】：

这个类是MDB专业版的一个组件，所以如果你想使用这个组件，你必须购买pro version。此外，购买后，您必须使用 JavaScript 初始化组件。

【讨论】：

有什么方法可以在答案中包含初始化代码以使其更彻底？