时间戳

首页 > 解决方案 > 无法更改引导按钮

css - 无法更改引导按钮

问题描述

<button class="btn btn-default">Click me</button>

no-padding我想通过将它的填充减少到 0px 来改变这个按钮，所以我在 style.css 中添加了一个额外的类

.no-padding {
   padding-left: 0;
   padding-right: 0;
}

并称它为

<button class="btn btn-default no-padding">Click me</button>

但是我仍然得到相同的类，如果我使用内联样式语句，它可以完美地工作，但我不想那样做

谢谢！！

标签： csstwitter-bootstrap

解决方案

为此，您需要了解specificityCSS 的概念

你可以这样做

button.no-padding {
   padding-left: 0;
   padding-rigt: 0;
}

你的 CSS 工作正常。您在下面的代码段中看到了差异

button.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.no-padding1 {
    padding-left: 0;
    padding-right: 0;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<button class="btn btn-default no-padding">Click me</button>
<button class="btn btn-default no-padding1">Click me</button>

推荐阅读