Bootstrap 4更改汉堡图标颜色方法
Bootstrap 4提供的CSS预设颜色种类不多,往往默认的不够使用。当修改菜单栏底色后,移动端视图的汉堡菜单图标可能显示不搭,颜色或深或浅。一般这个问题我们会找到CSS类自定义解决,但.navbar-toggler-icon
这个类修改方法有所不同,直接添加color
属性无效,需要覆盖background-image
这个属性。
先用Chrome开发者工具定位CSS类名称,这个属性不好复制,复制不完全。建议打开bootstrap.min.css
文件查找。原始CSS属性值是这样的:
.navbar-dark .navbar-toggler-icon{background-image:url("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.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}
修改里面的stroke='rgba(255, 255, 255, 0.5)'
数据更改颜色,然后添加到你自定义CSS文件里就可以了。
brand name dapoxetine no generic https://salemeds24.wixsite.com/dapoxetine
is generic vidalista safe https://vidalista.mlsmalta.com/
is hydroxychloroquine expensive https://hydroxychloroquine.mlsmalta.com/
how do i buy cialis online http://www.lm360.us/
womens ivermectin fda https://ivermectin.webbfenix.com/
dosing for ivermectin https://ivermectin.mlsmalta.com/
bactrim for urinary tract infection https://keflex.webbfenix.com/
sildenafil citrate 50 mg tablets http://droga5.net/
success with hydroxychloroquine https://hhydroxychloroquine.com/
60mg dapoxetine cost https://ddapoxetine.com/
generic vidalista daily use https://vidalista40mg.mlsmalta.com/
tadalafil tablets for sale https://wisig.org/
cvs pickup curbside https://buymeds.mlsmalta.com/
cvs pickup curbside https://medpills.bee-rich.com/
inhalers for asthma online https://amstyles.com/
hydroxychloroquine works against covid https://hydroxychloroquinee.com/
coupon for cialis by manufacturer https://atadalafil.online/
coupon for cialis by manufacturer https://tadalafil24.online/
how quickly does vidalista work https://vidalista.buszcentrum.com/
grapefruit juice and cialis http://cleckleyfloors.com/
hydroxychloroquine clinical trial in france https://hydroxychloroquine.grassfed.us/
hydroxychloroquine clinical trial in france https://hydroxychloroquine.mymvrc.org/
cialis manufacturer offer https://cialis.lm360.us/
cialis manufacturer offer https://cialis.stdstory.com/
cialis daily use cost https://cialis.mlsmalta.com/
cialis daily use cost https://cialis360.jueriy.com/
cialis 5mg canada pharmacy http://cialis.anafassia.com/