我想要实现的是使用名为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的顺序如何.