如何正确应用.mdb选择样式



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>

但是,他们链接到的样式表没有我能找到的.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>

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

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

最新更新