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

前端之家收集整理的这篇文章主要介绍了css – 禁用一个元素的引导程序前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想要实现的是使用名为login_button的类禁用我自己的输入元素的Twitter Bootstrap类.默认情况下,bootstrap.min.css类将不必要的属性(如Box-shadow等)添加到input.login_button元素中.

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

解决方法

只需覆盖Bootstrap样式即可.只要在您的自定义CSS之前页面中包含Bootstrap,那么您的CSS应该覆盖Bootstrap,因为选择器的特性将是相同的.将其添加到您的自定义CSS并相应地覆盖样式:
input.login_button {
    Box-shadow: none;
    border: none;
    line-height: initial;
    /* Etc. */
}

这里input.login_button的得分为specificity,而Bootstrap的输入[type =“text”]只有010的特异性得分,这意味着你的自定义样式将足以覆盖Bootstrap,无论CSS的顺序如何.

猜你在找的CSS相关文章