覆盖＆＃39; btn-xs＆＃39;的Bootstrap CSS新课程

Question

您好我是Bootstrap的新手，想要覆盖＆＃39; btn-xs＆＃39;具有新的高度宽度和填充。基本上使按钮小于它，文本也会减少。

我尝试过添加新课程＆＃39; custom＆＃39;在以下代码行中但它没有生效。

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

贝娄是我的自定义css：

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

我可能做了一些非常愚蠢的事情。谢谢你的帮助。

Answer 1

为了避免使用！important，你可以尝试更具特色。

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

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

尝试：

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

Answer 2

尝试使用！important，例如font-size：10px！important