【发布时间】:2018-03-23 16:27:13
【问题描述】:
这是一个愚蠢的问题,因为我觉得我应该知道答案,并认为我的代码会完成这项工作。
但我正在使用引导程序,并且正在尝试将 btn btn-primary 类从默认的蓝色更改为其他内容。
这是我的html:
<input type="text" class="form-control" placeholder="Search by user name, member type, genre...">
<span class="input-group-btn">
<button class="btn btn-primary" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
</span>
还有我的 CSS:
.btn btn-primary:hover,
.btn btn-primary:focus,
.btn btn-primary:active,
.btn btn-primary.active {
color: #ffffff;
background-color: pink;
border-color: pink;
}
但它仍然看起来像这样:
【问题讨论】:
-
为什么不创建自定义 btn 而不是覆盖引导程序默认颜色?
标签: html css twitter-bootstrap bootstrap-4