如何自定义此导航按钮图标？

Question

我想改变边界之类的东西。我已经知道如何更改3条颜色：

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

修改

解

.navbar-default .navbar-toggle { 
border: none; 
}

Answer 1

你只需要设计风格。

.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>

Answer 2

将此添加到您的班级以修改边框半径，例如，您可以使用边框执行太多其他操作，您可以在此处检查所有这些操作LINK：

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;