!important
プロパティをブラウザのCSSコードでオーバーライドする方法はありますか?ブラウザは、style
またはlink
タグで定義されたページのCSSのあとに、プリコンパイルされたCSSを読み込んでいるようです。デフォルトのチェックボックスやラジオボタンから枠線や色を削除したいのですが(appearance
は重要ではないため、簡単に無効にすることができます)、私のCSSはuserstylesで動作しますが、実際のWebページでは動作しません。ブラウザよりも重要!
答えて
どれページ(著者)スタイルシートは、ブラウザのデフォルトのスタイルシートを上書きします。ブラウザのスタイルシートには!important
はありません。特異性はここではカスケードの規則によって重要ではない。重要なのは、最初の場所ではCSSでプレゼンテーション機能の一部を制御できないということです。デモ:
<!doctype html>
<style>
* { border: none; }
</style>
<input value=foo><br>
<input type=checkbox checked>
これは、テキスト入力ボックスのデフォルトの枠線を削除します。ほとんどのブラウザでは、チェックボックスレンダリングには影響しません。なぜなら、境界線として表示されるものは、実際にはチェックボックスウィジェットの一部なのでです。 IEは通常どおり、動作が異なりますが、その上でさえ、 "境界線"を削除することはできません。また、要素上に独自の境界線を使用すると、枠線は境界線の外に描画されます。
標準的なCSS以外の方法でブラウザの動作に影響を与える可能性があります。 「ユーザースタイル」で動作するブラウザとブラウザで何が動作するかを詳しく説明する必要があるかもしれません。
ブラウザのデフォルトCSSを「削除」したいのですか?
私はあなたがリセットCSSでそれを行うことができると思う、それは基本的にブラウザのスタイリングをリセットする。 そこHERESに1
多くの例があります:CSS reset
はい。 Javascriptを使用して、ロード後に要素からスタイルを削除します。
または、スタイルシートを最初にデザインしてください。
私が知っているものは:外部CSS、内部CSS、およびインラインCSSです。オーバーライドされた順序は、
外部<内部<インラインです。
つまり、外部CSSは内部でオーバーライドされ、内部、外部はインラインで上書きされます。
また、JavaScriptを使用して更新することもできます。
- 元のセレクタと少なくとも同じ具体的なセレクタを使用して、スタイルを宣言します。
- マーク!重要
- 宣言/スタイルシートを含める後、既存のスタイル
を使用してオーバーライドするスタイルはここで最後!重要なスタイルは、以前のスタイルを引き継ぐ優先順位を宣言した例、です。
- 1. CSSより重要なものはありますか?
- 2. HTMLブラウザがデスクトップブラウザよりもiPhoneブラウザで大きい
- 3. Lucene:特定の文書をより重要なものにする方法は?
- 4. 疑似クラスのルールは他のルールよりも重要ですか?
- 5. ランダムフォレストOOBとエラー見積もりの重要性
- 6. 仮想DOMをブラウザのネイティブDOMよりも優れたものにする要因は何ですか?
- 7. HTML文書の重要なブラウザにdocument.documentElementがありませんか?
- 8. Webサービスの最も重要な用途
- 9. 最も重要なconst&rvalue refs
- 10. 最も重要なこと...レッスンは
- 11. Fort Awesome Iconはブラウザよりも大きいです。
- 12. 他のブラウザよりもクロムの動作が異なる
- 13. jpg他のブラウザよりも明るいChromeの画像
- 14. キャッシングよりもブラウザにファイルをダウンロードさせる
- 15. CSS:ブラウザのビューポートよりも背の高い画像を固定
- 16. ブラウザは画像よりも速く画像をロードします。
- 17. DevExpress MemoEdit ControlはTextEditよりも重いですか?
- 18. ウェブワーカーはネイティブスレッドよりも重くて軽いですか
- 19. iOSでもっと重要なもの:メモリまたはCPU?
- 20. Safariブラウザ重複DIVコンテンツ
- 21. フレックスボックスの親ブラウザの子要素よりサイズが小さい
- 22. PHPの内部からのWeb要求がブラウザより遅い
- 23. OrderByは他のブラウザよりもChromeでソートが異なります
- 24. RSS/Atomフィード内の最も重要な要素
- 25. Android ImageButton onClick、何か重要なものがありませんか?
- 26. uint64_tを左シフトすると、最も重要なdwordがゼロになります
- 27. HttpClient要求ブラウザのように
- 28. SVG積み重ねられた要素の色の重なり
- 29. pytest 3.xは2.xより重要なことはありますか?
- 30. ブラウザがCookieをダウンロードできないようなものがありますか?
ブラウザのスタイルシートには重要なものがあります。たとえばFirefoxには、チェックボックスとラジオボタンの境界線と色(外観では見えません)があります。それらを作る!あなた自身のスタイルシートで重要なことは何もしません。 – Triang3l
@SiPlus、私は訂正し、Firefoxは仕様に違反していますが、私たちができることはないようです。 '-moz-appearance:none'を設定すると外観は変わりますが、チェックボックスはそのままです。基本的に異なるアプローチでチェックボックスを作成する唯一の方法は、希望の外観を持つ要素(イメージなど)を作成し、それに(JavaScriptを使用して)チェックボックス機能を関連付けることです。 –