css - 在切换的导航栏中将 btn 颜色设置为 btn-info

Question

我想要导航栏中的 btn(它只出现切换)获得 btn-info 颜色。

我添加了一个 btn-info 类，
btn的文字颜色变为白色
btn 颜色没有改变。

我使用默认的 bootstrap 3 css。

bootply - click mobile view

    <a class="btn btn-info navbar-toggle" value="Page" href="javascript:win_memo('', '<?=$member[mb_id]?>', '<?=$_SERVER[SERVER_NAME]?>');" onfocus="this.blur()">
        <i class="glyphicon glyphicon-envelope"><sup style="margin-left:3px;"><?=$member[mb_memo_unread]?></sup></i>
    </a>

Answer 1

您需要为您的 btn-info 属性值使用 ( !important )，因为 (.btn-info)被 (.navbar-toggle) 类值覆盖，因此解决方案是将此代码添加到您的 custome.css 文件或 任何文件用于覆盖主 bootstrap.css 文件。

代码:

.btn-info {
 color: #fff;
 background-color: #5bc0de !important;
 border-color: #46b8da !important;
}

希望对您有所帮助。