更改下拉菜单文本对齐方式具体化 1.0.0

Question

我正在使用物化 1.0.0 我想将下拉菜单文本对齐更改为右...但是 jquery 选项不起作用 甚至 CSS 也不响应 (text-align:right !important;) 右类或右对齐

我决定更改所有 J 代码

帮助...

Answer 1

您需要在 materialize.css 文件中检查您需要自定义的类。在这种情况下，需要编辑.dropdown-content li 类。

HTML

<div class="container">
    <div class="row">
        <a class='dropdown-trigger btn btn-large' href='#' data-target='dropdown1'>Drop Me!</a>
    </div>
</div>

<!-- Dropdown Structure -->
<ul id='dropdown1' class='dropdown-content'>
    <li>
        <a href="#!">one</a>
    </li>
    <li>
        <a href="#!">two</a>
    </li>
    <li>
        <a href="#!">three</a>
    </li>
    <li>
        <a href="#!">
            <i class="material-icons">view_module</i>four</a>
    </li>
    <li>
        <a href="#!">
            <i class="material-icons">cloud</i>five</a>
    </li>
</ul>

CSS

.dropdown-content li {
    text-align: right !important;
}

jQuery

$(document).ready(function () {
    $(".dropdown-trigger").dropdown();
});

下拉菜单中的右对齐文本