javascript - 更改下拉菜单文本对齐实现 1.0.0

Question

我正在使用 materialize 1.0.0我想将下拉菜单文本对齐方式更改为右...但是 jquery 选项不起作用甚至 CSS 也没有响应(文本对齐:正确!重要；)右类或右对齐

我决定改变所有的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();
});

下拉列表中的右对齐文本