私はインラインスタイリングの代わりにCSSスタイルシートを使用しているウェブページに取り組んでいます。問題は、ページのchrome要素を調べると、ほぼすべての要素がユーザーエージェントのスタイルを継承していることがわかります。私は属性値のチェックを外すことさえできません。 div{display: block}、DevToolsのスタイルセクションのuser agent stylesheetセクションにあります。残りのスタイリングと同様です。ユーザーエージェントのスタイリングを上書きする方法は？
これを修正するにはどうすればよいですか？ またはそれ以上ユーザーエージェントのスタイリングを削除するにはどうすればよいですか？
ユーザーエージェントのスタイルシートは、要素が付いたデフォルトのスタイリングに過ぎません。
エレメントに適用されるCSSルールは、ユーザエージェントスタイルシートの値を上書きします。
要素に一致するセレクタを使用して、ルールセットを書き換えて、変更したいものと一致するプロパティとそれに対して適切な値を適切に設定します。
div {
display: inline;
}
残念ながら、これは真実ではありません。たとえば、Chromeでオートフィルカーソルの色を変更することはできません。何かを試してみてください。 –
正確に：私のCSSスタイルシートがクラッシュしていて、ioがプロパティを定義した場所に決して行きませんでした。 –
@EdwardMunch - ブラウザのスタイルシートのルール以外のもので定義された外観のものを変更する方法は問いません。特定の例は 'display'プロパティです。 – Quentin
まあ、 'div' *はデフォルトで'ブロック 'であり、そのデフォルトはユーザエージェントスタイルシートによって設定されます。あなたがそれをいくつかの異なるものにしたいなら...あなた自身で何かを適用する...！？ *すべての*要素にはデフォルトの属性がありますが、何が "修正"されているかわかりません。 – deceze