html - 用新类覆盖 'btn-xs' 的 Bootstrap CSS

Question

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

我尝试在下面的代码行中添加一个新类“custom”，但它没有生效。

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

下面是我的自定义 CSS:

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

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

Answer 1

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

该按钮可能受 bootstrap CSS 中设置的规则影响:

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

尝试:

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