達成したいのは、login_button
という名前のクラスで自分の入力要素のTwitter Bootstrapクラスを無効にすることです。デフォルトではbootstrap.min.css
クラスはbox-shadow
などの不必要なプロパティを私のinput.login_button
要素に追加しています。1つの要素のブートストラップを無効にする
私はbox-shadow: none;
を定義できますが、他の可能性があるのだろうかと思いますか?
達成したいのは、login_button
という名前のクラスで自分の入力要素のTwitter Bootstrapクラスを無効にすることです。デフォルトではbootstrap.min.css
クラスはbox-shadow
などの不必要なプロパティを私のinput.login_button
要素に追加しています。1つの要素のブートストラップを無効にする
私はbox-shadow: none;
を定義できますが、他の可能性があるのだろうかと思いますか?
ブートストラップスタイルをオーバーライドするだけです。あなたのカスタム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の順序の。
bootstrap.min.cssを変更する以外はできません。より特定のセレクタでスタイルを上書きするだけで済みます。
あなたは私が ':not(.login_button)'をブートストラップのセレクタで使うことができると思いますか? ':not:'セレクタはCSS3でのみ利用できますか? – Lucas
別のクラス名を付けて独自のプロパティを設定する – Ibu
@lbuブートストラップはセレクタ 'input [type =" text "]'をクラス単位で選択しません。私は自分のクラスをすでに持っていますが、ブートストラップはまだオーバーライドしています。 – Lucas
あなたもそれを上書きすることができます – Ibu