2014-09-22 131 views
-1

这是从引导站点的页面直接得到的。在这个特定的代码中,我想知道如何将文本的颜色从蓝色更改为黑色。目前默认为蓝色。更改引导按钮的颜色

网站仅供参考和实际示例:http://getbootstrap.com/components/ 代码:该代码所在的部分称为“使用下拉式”选项卡,并带有下拉列表。

<ul class="nav nav-tabs" role="tablist"> 
    ... 
    <li class="dropdown"> 
    <a class="dropdown-toggle" data-toggle="dropdown" href="#"> 
     Dropdown <span class="caret"></span> 
    </a> 
    <ul class="dropdown-menu" role="menu"> 
     ... 
    </ul> 
    </li> 
    ... 
</ul> 

问候

+0

你的意思是http://getbootstrap.com/components/#nav-dropdowns? – Devin 2014-09-22 04:11:20

+0

究竟你想做什么?改变背景颜色或下拉文字颜色? – Ajisha 2014-09-22 04:14:13

+0

我想将文本的颜色和下拉符号更改为黑色。不是按钮的实际背景颜色。 – user3905042 2014-09-22 04:44:42

回答

0

你可以在李阶级“下拉型杆”应用自定义样式在你的CSS文件

.dropdown-toggle { 
    color: black !important; 
} 
+1

使用'!important'不推荐,因为它将覆盖任何新的预期样式,而不需要使用'!important' – 2014-09-22 14:01:06

+0

在li上使用id并以这种方式应用:example

  • #abc .dropdown-toggle { color:black; },所以它只会用于那些id为“abc”的下拉式切换类,并将!important从样式中移除 – Ajisha 2014-09-23 04:23:00

  • 1

    引导下拉按钮等其他自举的按钮。默认引导按钮具有btn类。

    您可以通过添加类,如btn-primarybtn-infobtn-danger

    对于更多的例子检查出http://getbootstrap.com/components/#btn-dropdowns改变自己的主题。

    +1

    更重要的是,默认引导按钮有'btn-default'类 – cvrebert 2014-09-22 23:32:21

    1

    使用ID和应用样式以这种方式:例如

    <li id ="abc"</li> 
    

    自定义样式

    #abc .dropdown-toggle { 
        color: black; 
    } 
    

    所以它只会用于那些ID为“abc”的下拉式切换类,并将!important从风格