Question

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类。我错过了什么？我已经在我自己的项目中尝试过他们的例子，并且无法应用这种风格。

该项目已经链接了基本的bootstrap文件（在某处），在我的页面中我试图像这样引用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>

Answer 1

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

Answer 2

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

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

2 个答案: