时间戳

首页 > 解决方案 > 更改下拉按钮的默认颜色

html - 更改下拉按钮的默认颜色

问题描述

我需要更改下拉按钮的默认颜色。`

<button class="btn-btn-primary dropdown-toogle" type="button" data-toggle="dropdown">Select Course
<span class="caret"></span></button>
<ul class="dropdown-menu">
  <li><a href="#">Physics</a></li>
  <li><a href="#">Chemistry</a></li>
  <li><a href="#">Math</a></li>
</ul>

我得到默认颜色的下拉按钮。我需要把它换成不同的颜色

标签： htmlcss

解决方案

有很多方法可以做到这一点，您可以更改按钮类“btn-info”，它是引导 btn 类，它会将 btn 颜色更改为蓝色（青色），或者您可以创建您可以将自己的类放在 btn 类旁边并根据您的需要为该班级提供任何颜色。

<pre>
<button class="btn btn-info dropdown-toogle" type="button" data-toggle="dropdown">Select Course<span class="caret"></span></button>
      <ul class="dropdown-menu">
        <li><a href="#">Physics</a></li>
        <li><a href="#">Chemistry</a></li>
        <li><a href="#">Math</a></li>
      </ul>
    </div>

<pre>

<pre>
<style>
.my-btn{
  background:red !important;
}
</style>

<button class="btn btn-info my-btn dropdown-toogle" type="button" data-toggle="dropdown">Select Course<span class="caret"></span></button>
      <ul class="dropdown-menu">
        <li><a href="#">Physics</a></li>
        <li><a href="#">Chemistry</a></li>
        <li><a href="#">Math</a></li>
      </ul>
</pre>

推荐阅读