如何自定义此导航按钮图标?
How do I customize this navigation button icon?
我想更改边框之类的东西。我已经知道如何像这样更改 3 条颜色:
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
编辑
解决方案
.navbar-default .navbar-toggle {
border: none;
}
将此添加到您的 class 以修改边框半径,并且您可以对边框进行太多其他操作,您可以在此处查看所有操作 LINK :
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
您只需要设置样式即可。
.icon-bar {
font-size: 20px;
padding: 7px 10px;
width: 20px;
border: 1px solid white;
color: white;
border-radius: 3px;
}
body {
background: teal;
}
<div class="icon-bar">☰</div>
我想更改边框之类的东西。我已经知道如何像这样更改 3 条颜色:
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
编辑
解决方案
.navbar-default .navbar-toggle {
border: none;
}
将此添加到您的 class 以修改边框半径,并且您可以对边框进行太多其他操作,您可以在此处查看所有操作 LINK :
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
您只需要设置样式即可。
.icon-bar {
font-size: 20px;
padding: 7px 10px;
width: 20px;
border: 1px solid white;
color: white;
border-radius: 3px;
}
body {
background: teal;
}
<div class="icon-bar">☰</div>