Css 如何修改twitter引导"；。“图标栏”；颜色

当视口较窄时，引导中会出现一个按钮。。使用引导响应

如何更改此按钮的颜色外观？我知道bootswatch.com的人可以通过在更少的时间内更换一些VAR来做到这一点，但他们是如何做到的

编辑：我在以下SASS代码方面取得了一些进展。（即时通讯使用sass引导程序）

以上更改了“我的按钮”的背景和按钮的圆度。。我仍然不知道如何更改边界笔划？有什么想法吗

.navbar .btn-navbar .icon-bar {
  background-color: $heading-blue;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

现在，这段代码帮助我更改按钮内水平虚线的颜色

编辑2：

算出了边界笔划。。它在css中被称为边框颜色和边框宽度！（适用于.navbar.btn navbar）

这是带有属性的CSS选择器。您可以创建一个新的CSS规则来覆盖这些值，而无需更改较少的变量

如果您想知道较少的变量是如何工作的，它们会基于变量值创建渐变。比如说,

box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

---

从比黑色浅75%的颜色创建长方体阴影。变量0，0，0已传递给长方体阴影属性

为什么不简单地用

style=“background color:#hex；”

对它们进行验证呢。

---

如果yo

有用，请提供所述按钮的一些示例。我对Bootstrap非常熟悉，但不记得按钮了。这是当浏览器大小调整为更小时，显示在导航栏右侧的按钮。它是一个带有三条水平线的小按钮，用作排序菜单。我刚才编写的下面的sass代码引用了与您提到的css选择器完全相同的css选择器！谢谢你…navbar.btn navbar{背景色：$navbarLinkBackgroundHover；-webkit边框半径：4px；-moz边框半径：4px；边框半径：4px；&:hover{背景色：变亮（$navbarLinkBackgroundHover，1%）；}

  border-color: $dropdown-border $dropdown-border darken($dropdown-border, 10%) $dropdown-border;
  border-width: 2px;

.navbar .btn-navbar {
display: none;
float: right;
padding: 7px 10px;
margin-left: 5px;
margin-right: 5px;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #ededed;
background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
border-color: #e5e5e5 #e5e5e5 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #e5e5e5;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */

box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);