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

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

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>

最佳答案

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

关于javascript - 如何正确应用 .mdb-select 样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48176725/

相关文章:

javascript - 访问 javascript 函数参数的替代语法

javascript - jQuery:我的下拉菜单的 getPos

javascript - 使用jquery随机显示页面内的图像

javascript - 根据url激活左侧栏的菜单

javascript - 如何将函数应用于所有具有 border-radius 属性的元素

javascript - 切换 vs 对象查找性能(因为 jsperf 已关闭)

javascript - 更改弹出消息框中文本的颜色

javascript - 导航栏品牌左侧的按钮

jquery - 如何使我的弹出窗体垂直居中?

css - 输入组边界在中间加倍