Изменение цвета фона начальной загрузки navbar свернуть без задержки
Я пытаюсь перезаписать цвет фона свернутой строки меню, что я успешно сделал. Однако проблема заключается в том, что цвет применяется только тогда, когда свернутое меню полностью открыто. Я пытаюсь сделать это с помощью Bootstrap-Vue в проект Nuxt. Изменение стиля navbar было сделано с использованием файла css в папке assets, который я не уверен, что это правильный способ сделать.
Как сделать так, чтобы цвет фона отображался, когда выпадающий список анимируется вниз? спасибо.
Я сделал копию моего кода проекта на JSFiddle ( https://jsfiddle.net/tandeman/ae2s9104/37/) для вас, чтобы посмотреть. Весь код, необходимый для изменения фона был
.navbar-nav .dropdown-menu {
background-color: #7E6551;
border-radius: 10px;
}
Ответы - Изменение цвета фона начальной загрузки navbar свернуть без задержки / Change background color of bootstrap navbar collapse without a delay
20.10.2019 06:03:38
Вам нужно добавить стиль для .navbar-collapse.collapsingдля применения цвета фона при развертывании или сворачивании меню.
Для вас это будет выглядеть так:
.navbar-collapse.collapsing {
background-color: #7E6551;
border-radius: 10px;
}
Полный JSFiddle здесь .