html - 在 bootstrap 中覆盖 primary-btn 颜色-6ren

html - 在 bootstrap 中覆盖 primary-btn 颜色

转载作者：行者123 更新时间：2023-11-28 03:50:13

25

4

对于我网页上的特定按钮，我想更改颜色。我有自己的第二个样式表，列在标题的第二位。

      <button class=" btn btn-primary dropdown-toggle school-options" type="button" data-toggle="dropdown">Choose a School
      <span class="caret"></span></button>
      <ul class="dropdown-menu">
          <li><a href="#">Add your school</a></li>
      </ul>

所以我添加了 .school-options 类，并将其放在第二个样式表中，然后将背景颜色设置为红色。

.school-options {
    background-color:red;
}

为什么这行不通？解决方案是什么？

最佳答案

不需要使用!important ，您可以简单地通过更改 css 库的状态顺序来解决此问题，调用 stylesheet在 bootstrap 下面类 CSS

// call bootstrap first

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

// then call the custom style , this will override the bootstrap css

<link rel="stylesheet" href="css/custom.css">

检查演示

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<style>
.school-options {
	background-color: red;
}
</style>
</head>
<body>
<button class=" btn btn-primary dropdown-toggle school-options" type="button" data-toggle="dropdown">Choose a School <span class="caret"></span></button>
<ul class="dropdown-menu">
  <li><a href="#">Add your school</a></li>
</ul>

关于html - 在 bootstrap 中覆盖 primary-btn 颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41928841/

25

4

0

文章推荐： javascript - 浏览器中的不同值 e.target

文章推荐： javascript - 带有 html 注入(inject)的 Firefox 问题

文章推荐： javascript - 如何在 Quickblox 中查明用户是否在线？

c# - Primary 宕机，Secondary 现在是 Primary - 如何写入新的 Primary？
如果我有一个 MongoDB 副本集，其中有 3 个节点(主要节点、次要节点、仲裁节点)，并且主要节点出现故障，现在次要节点成为主要节点，您如何动态处理客户端中的更改，以便它们现在写入基本的？我在开
MongoDB ReplicaSet - 当只剩下 PRIMARY 时，PRIMARY 角色降为 SECONDARY
我正在研究使用 MongoDB ReplicaSet 实现高可用性。但是刚刚发现在3个节点的ReplicaSet中，如果PRIMARY mongod是唯一剩下的(也就是另外2个mongod实例死亡或
database - 一对多关系 : composite primary key or single primary key?
我有一个表 person 包含个人信息，我还有另一个表 person_contact 来存储关于那个人的联系信息(type 显示如果它是电话记录或电子邮件记录，record 包含实际的电话号码或电子邮
hadoop - Sqoop 导入 : composite primary key and textual primary key
堆栈:使用 Ambari 2.1 安装 HDP-2.3.2.0-2950 源数据库模式位于 sql server 上，它包含几个表，它们的主键为: 一个varchar Composite - 两个 v
select - SELECT WHERE [primary key] = [primary key value] O(1)？
对于典型的现代 RDBMS，期望通过一个特定的主键查询与通过键查询哈希表一样快，是否正确？或者是否有“实际工作”来遍历表并跟踪主键值？即使有主键的自动索引，这似乎也是不可思议的浪费。最佳答案
python - 错误 : trying to redefine a primary key as non-primary key
我正在使用 dataset尝试将 postgres 数据库备份到 sqlite 文件中的库。我正在运行的代码如下: local_db = "sqlite:///backup_file.db" with
hadoop - Sqoop 导入 : composite primary key and textual primary key
堆栈:使用 Ambari 2.1 安装 HDP-2.3.2.0-2950 源数据库模式在 sql server 上，它包含几个表，这些表的主键为: 一个变量复合 - 两个 varchar 列或一个
sql - INT PRIMARY KEY 和 INTEGER PRIMARY KEY SQLite 的区别
INT PRIMARY KEY 和 INTEGER PRIMARY KEY 在定义表的模式时有什么区别吗？使用 int 主键时，我生成了 sqlite_autoindex thing；当整数主键时，我
java - JPA : one table with primary key and another table with primary and foreign key
我通过阅读一本书开始学习 JPA，他们给出了一个单向映射，如下所示: 表格车辆 (vehicleId, brand, model, dev_year, extraId) vehicleId is th
primary-key - MySQL keys : PRIMARY KEY, FOREIGN KEY, KEY -- "KEY"是什么？
查看“mysqldump -d”并看到一个键是 KEY，而不是“PRIMARY KEY”或“FOREIGN KEY” 什么是关键？示例: CREATE TABLE IF NOT EXISTS `TA
mysql - 错误 1062 : Duplicate entry '0' for key 'PRIMARY' when adding a primary key
我已经有了一个包含一些数据的表格。现在我想添加一个新列“id”并使其成为主键。我正在使用 MySQL 工作台。所以，我只是添加一个新 key ，然后将其设置为 PK 和 NN。但不知为何，这个看似简单
MySQL : Drop all existing primary keys and insert a new auto increment primary key
关闭。这个问题是not reproducible or was caused by typos .它目前不接受答案。这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topi
django - 警告 : Auto-created primary key used when not defining a primary key type, 默认为 'django.db.models.AutoField'
为什么这会显示警告，因为它默认从 User 模型中获取主键，所以我还应该再次将主键声明为 Registration 或候选模型。模型.py from django.db import models
primary-key - 在我的域模型类中使用无意义的键是不是很糟糕？
在创建域模型时，我们的实体几乎总是有 Id 字段或属性，代表数据库中相应表的主键列。我的问题是 - 如果我有这个与域模型无关的关键属性(换句话说，它只是数据库问题；Martin Fowler 更喜欢将
primary-key - 标识列作为主键
如果将标识列作为主键是一种好的做法，请问您是否有意见？对于 ORM 工具，表上有标识列会有所帮助。但是还有其他副作用，例如意外重复插入。谢谢奈恩最佳答案是的，使用 INT(或 BIGINT)ID
primary-key - 黑白主键和唯一键有什么区别
我试图在谷歌上找到它，但那里给出的答案并不令人满意。任何人都可以解释明显的区别。实际上，如果使用主键来唯一选择数据，那么唯一键有什么需要？什么时候应该使用主键，什么时候应该使用唯一键？最佳答案
primary-key - Hybris中PK分析仪的替代品是什么？
Hybris HAC 中的 PK 分析器因某种原因被阻止。有没有其他方法可以确定这个 PK 属于哪个项目？提前致谢最佳答案尝试使用 HMC: _your_server_/hmc/hybris?o
primary-key - 如何重新排序主键？
我在“表类别”中删除了一行(第 20 行)，请告诉我如何重新排序 catid(主键)？此时是19点后的21点。谢谢最佳答案你不能。您能得到的最接近的是 truncate table ，这将删除表
php - 重复输入键“PRIMARY”
这是我的购物车表数据库，当我将产品添加到购物车表时出现错误 Database mysql_query($query, $db) or die(mysql_error($db)); $query = '
mysql - 将一条且仅一条记录标记为 "Primary"
我正在编写一个谱系应用程序，我正在尝试弄清楚我的数据库模型的各个方面。我有一张供人们使用的 table : create table person ( id int unsigned not n

首页

博学

6Ren·AI

商城

html - 在 bootstrap 中覆盖 primary-btn 颜色