Материализация - Custom css не имеет никакого эффекта - PullRequest
0 голосов
/ 30 марта 2020

Я хотел бы оформить боковую панель моего приложения, но каким-то образом файл css игнорируется или что-то в этом роде.

Код SideBar:

<!-- SideNavBar -->
    <div class="sidenavbar">
        <ul id="sidenav" class="sidenav sidenav-fixed logged-in"
            style="display: none; width: 250px;">
            <li class="logged-in" style="display: none;">
                <a href="#" class="grey-text" id="logout">Logout</a>
            </li>
            <li class="admin" style="display: none;">
                <a href="#" class="grey-text modal-trigger" data-target="modal-create">Create Guide</a>
            </li>
            <li class="admin" style="display: none;">
                <a href="#" class="grey-text modal-trigger" data-target="modal-signup">Create new Account</a>
            </li>
            <li class="admin" style="display: none;">
                <a href="#" class="grey-text modal-trigger" data-target="modal-addadmin">Add Admin</a>
            </li>
        </ul>
    </div>

css:

.sidenavbar{
    background-color: black;
}
.sidenavbar ul li :hover{
    background-color: grey;
}

Ответы [ 2 ]

0 голосов
/ 30 марта 2020

Вы должны использовать свой собственный css файл после исходного css файла. например:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

<link rel="stylesheet" src="yourcssfilename.css">
0 голосов
/ 30 марта 2020

Я полагаю, поскольку неупорядоченный список и элементы списка имеют отображение "none", у div класса "sidenavbar" нет ширины или высоты. Вот почему вы не можете видеть черный фон.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...