禁用一个元素的引导程序

Question

我想要实现的是使用名为login_button的类禁用我自己的输入元素的Twitter Bootstrap类。默认情况下，bootstrap.min.css类会将box-shadow等不必要的属性添加到我的input.login_button元素中。

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

Answer 1

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

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

此处input.login_button的{​​{3}}得分为011，而Bootstrap的input[type="text"]只有010的特异性得分，这意味着您的自定义样式将足够强大无论CSS的顺序如何，都要覆盖Bootstrap。

Answer 2

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

Answer 3

解决方案

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