изменить выравнивание текста выпадающего меню материализовать 1.0.0

Question

Я использую материализовать 1.0.0. Я хочу изменить выравнивание текста выпадающего меню вправо ... но параметры jquery не будут работать, даже если CSS не отвечает (text-align: right! Важный;) правильный класс иливыровнять по правому краю

Я решил изменить все J-коды

HELP ...

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();
});

Выровненный по правому краю текст в раскрывающемся списке