html%3ch%3e标签加颜色,如何在bootstrap4中改变汉堡的颜色

.

我需要改变颜色的坚持白色,而滚动在响应版本,但现在的颜色是黑色滚动。如何将颜色变为白色?

这是HTML:

• Home
• About
• Why Lia
• Application
• Support
• Contact

这是CSS:

.menu_area .navbar-brand {

font-size: 72px;

font-weight: 700;

color: #fff;

margin: 0;

line-height: 1;

padding: 0;

}

.menu_area .navbar-brand:hover,

.menu_area .navbar-brand:focus {

color: #fff;

}

@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;

}

}

@media (min-width: 320px) and (max-width: 767px) {

#ca-navbar {

padding: 20px;

border-radius: 3px;

/* background-color: #CFD1D2;*/

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

我写的是:

$window.on('scroll', function () {

if ($window.scrollTop() > 48) {

$('.navbar-toggler').attr('src',"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

} else {

$('.navbar-toggler').attr('src',"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

}

});

但没用,有什么问题?

也许我在js代码中有一些错误?

我怎样才能做到呢?

也许我在js代码中有一些错误?