twitter-bootstrap - 无法更改打开的插入符号的颜色？

Question

我正在使用 Bootstrap，我想在打开时更改插入符号的颜色。

我的 HTML 代码：

          <li class="dropdown">
          <a href="#" class="dropdown-togle" data-toggle="dropdown">
          <b>Download</b>
          <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li>...</li>
          </li>

我试过这段代码：

       .dropdown  .caret .open {
    border-top: 8px solid black;
}

还有一个问题 - 我可以更改下拉列表的形式吗？

Answer 1

插入符号的正确选择器如下：

.dropdown.open a.dropdown-toggle .caret {  }

您应该使用开发人员工具或 Firebug 等工具来检查您的文档，并查看当您更改其状态时哪些类会应用于哪些元素。当试图弄清楚如何定位某些元素时，它真的很有帮助。

不确定您所说的“更改下拉列表的形式”是什么意思，您能详细说明一下吗？