css - 禁用一个元素的引导程序

Question

我想要实现的是为我自己的输入元素禁用 Twitter Bootstrap 类，该类名为login_button. 默认情况下，该类正在向我的元素 bootstrap.min.css添加不必要的属性，例如等。box-shadowinput.login_button

我知道我可以定义box-shadow: none;，但我想知道是否还有其他可能性来实现这一目标？

Answer 1

只需覆盖 Bootstrap 样式。只要 Bootstrap 在您的自定义 CSS 之前包含在您的页面中，那么您的 CSS 应该覆盖 Bootstrap，因为选择器的特异性是相同的。将此添加到您的自定义 CSS 并相应地覆盖样式：

input.login_button {
    box-shadow: none;
    border: none;
    line-height: initial;
    /* Etc. */
}

这里input.login_button的特异性得分为 ，011而 Bootstrap 的input[type="text"]特异性得分仅为010，这意味着无论 CSS 的顺序如何，您的自定义样式都足以覆盖 Bootstrap 的。

Answer 2

你不能，除非修改 bootstrap.min.css。你所能做的就是用更具体的选择器覆盖样式。

Answer 3

解决方案

在这种情况下，最简单的解决方案是您可以!important使用自己的自定义 CSS 行编写，这将防止引导程序添加任何意外样式。