9

入力したページの CSS に Twitter ブートストラップを使用しています。Bootstrap の定義: 境界線: 1px solid rgb(204, 204, 204); 背景色: rgb(255, 255, 255); ボーダー半径: 3px 3px 3px 3px; 選択要素用。

これらの Bootstrap CSS プロパティを (自分の CSS で上書きして) リセットしたい。私が試した：自動、継承、なし。しかし、どれも機能しません。半径の -moz プレフィックスも試しました。失敗。

Firefox では、境界線なし、境界線スタイルなし、背景色なしの選択は、webkit ブラウザーと同様の方法でレンダリングされるため、これが機能しないことがわかります。

これは、Web 開発者 -> 検査 -> CSS ビューでこれらのルールをコメントアウトすることで確認できます。

Bootstrap ライブラリに触れずにこれらすべてを行うにはどうすればよいですか?

4

4 に答える 4

10 
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border: 0;

これで境界がリセットされます。好みのスタイルが Bootstrap によって提供されるものよりも後に表示される限り、それらが優先されます。また、-moz-appearance は、デフォルトの Firefox の外観をオーバーライド (またはリセット) するのに役立つ場合があります。

于 2012-10-18T21:37:00.090 に答える
8

Bootstrap 宣言は、あなたのものよりも特異性が高いです。

!important宣言の後に追加することで、これをテストできます。border: none !important

ただし、このコードは同梱しないでください。正しい方法で修正するには、別のクラスまたは ID を使用して Bootstrap の CSS をオーバーライドします。

于 2012-10-18T21:36:55.927 に答える
2

プロパティをリセットするには、値「initial」を使用します。すべてのプロパティで機能します。

-webkit-border-radius: initial;
-moz-border-radius: initial;
-o-border-radius: initial;
border-radius: initial;
border: initial;
于 2015-02-11T14:16:02.980 に答える
-1

!important常に良い解決策であるとは限りませんが、それが原因で問題が発生している可能性があります。

于 2012-10-18T21:36:40.677 に答える