如何正確應用 .mdb-select 樣式？

Question

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>

Answer 1

那是因為該文檔沒有對該類進行風格化； 它只是可以通過 jQuery 代碼進行編輯。 我查看了文檔上的 jQuery 代碼，您可以在文檔的 jQuery 部分看到$(“.mdb-select”) 。 您可以通過在代碼中的.material_select () .css()之后添加.css()來對元素進行樣式化，並在()之間添加您的樣式。 希望我能幫到你！

Answer 2

這個類是 MDB 專業版的一個組件，所以如果你想使用這個組件，你必須購買專業版。 此外，購買后，您必須使用 JavaScript 初始化組件。

如何正確應用 .mdb-select 樣式？

問題描述

2 個解決方案

解決方案1
0 2018-01-09 21:33:13

解決方案2
0 2020-01-22 15:48:19

如何正確應用 .mdb-select 樣式？

問題描述

2 個解決方案

解決方案1 0 2018-01-09 21:33:13

解決方案2 0 2020-01-22 15:48:19

解決方案1
0 2018-01-09 21:33:13

解決方案2
0 2020-01-22 15:48:19