1つの要素のブートストラップを無効にする

Question

達成したいのは、login_buttonという名前のクラスで自分の入力要素のTwitter Bootstrapクラスを無効にすることです。デフォルトではbootstrap.min.cssクラスはbox-shadowなどの不必要なプロパティを私のinput.login_button要素に追加しています。

私はbox-shadow: none;を定義できますが、他の可能性があるのだろうかと思いますか？

Answer 1

ブートストラップスタイルをオーバーライドするだけです。あなたのカスタムCSSの前にあなたのページにブートストラップが含まれている限り、セレクタの特異性は同じであるため、CSSはブートストラップをオーバーライドする必要があります。カスタムCSSにこれを追加し、それに応じてスタイルを上書き：ブートストラップのinput[type="text"]は、あなただけのカスタムスタイルに関係なく、ブートストラップのを上書きするために十分強くなる意味、010の特異性スコアを有するのに対し、

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

ここinput.login_buttonは011のspecificityスコアを持っていますあなたのCSSの順序の。

Answer 2

bootstrap.min.cssを変更する以外はできません。より特定のセレクタでスタイルを上書きするだけで済みます。