Есть сайт на bootstrap 4, как можно изменить цвет этих 3 палок на белый?
Вот html:
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ca-navbar" aria-controls="ca-navbar" aria-expanded="false" aria-label="Toggle navigation" style="color: red;"><span class="navbar-toggler-icon"></span></button>
Вот CSS для responsive
:
@media (min-width: 320px) and (max-width: 767px) {
ca-navbar {
padding: 20px;
border-radius: 3px;
/* background-color: #CFD1D2;*/
background: linear-gradient(to right, #007AAF, #00CBBE);
text-align: left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#ca-navbar {
padding: 30px;
color: red;
border-radius: 3px;
background: linear-gradient(to right, #007ADF, #00ECBC);
text-align: left;
}
}
Есть еще вот такой код через код элемента:
background-image: url(data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://ww…p='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E);
<div class="navbar navbar-dark bg-dark shadow-sm">
родительский дом для шапки и меню соответственно,navbar-dark
в этом диве ничего не делает, он нужен как раз для определения цвета гамб. меню:.navbar-dark .navbar-toggler-icon