使用新类覆盖“btn-xs”的引导 CSS答案

【问题标题】：Overriding Bootstrap CSS for 'btn-xs' With New Class使用新类覆盖“btn-xs”的引导 CSS
【发布时间】：2016-05-03 22:06:28
【问题描述】：

您好，我是 Bootstrap 的新手，想用新的高度宽度和填充覆盖“btn-xs”。本质上使按钮比它更小，文本也会减少。

我已尝试在以下代码行中添加一个新类“自定义”，但没有生效。

<button class="btn btn-default btn-xs custom" style=""> Filter</button>

下面是我的自定义 css：

custom {
font-size: 10px;
padding: 1px 10px}

我可能正在做一些非常愚蠢的事情。感谢您的帮助。

【问题讨论】：

【解决方案1】：

为避免使用 !important，您可以尝试更加具体。

该按钮可能受到引导 CSS 中设置的此规则的影响：

.btn-group-xs>.btn, .btn-xs { ... }

试试：

.btn-group-xs>.btn.custom, .btn-xs.custom {
font-size: 10px;
padding: 1px 10px}

【讨论】：

【解决方案2】：

尝试使用 !important，例如 font-size: 10px !important

【讨论】：