Chromeデベロッパーツールのheightプロパティがグレー表示されている理由

Question

Chromeデベロッパーツールを使用して要素を検査すると、高さプロパティはグレー表示されます。ここ

https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/#live-edit-a-do-node

から、私はそれを編集することはできませんを意味します。

私の質問はなぜそれを編集できないのですか？ どのようにスタイルを設定してこのプロパティを設定することができますか？他のプロパティで、私はそれを拡大することができますか？この灰色のもののために？私はそれを拡張することはできません。

Answer 1

これは通常、user agent style-sheetによって引き起こされます。これは通常、CSSやCSSノーマライザ（たとえばnormalize.cssまたはreset.cssなど）を並べ替えることでオーバーライドできますが、すべてが必要ない場合は不要な膨大なコードになります。

スタイルシートが呼び出される順番は、CSSが定義済みでカスケード化されており、最も低い定義が優先されるので注意することが重要です。

ブルートフォース状況では、他に明確な解決策がない場合にのみ、!importantの宣言を使用できます。