禁用一个元素的引导程序答案

【问题标题】：Disable bootstrap for one element禁用一个元素的引导程序
【发布时间】：2013-10-25 05:42:51
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

这里input.login_button 的specificity 得分为011，而Bootstrap 的input[type="text"] 的特异性得分仅为010，这意味着您的自定义样式将足够强大，可以覆盖Bootstrap 的得分，而不管您的CSS 顺序如何.

【讨论】：

【解决方案3】：

解决方案

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

【讨论】：