Chrome devtools要素のイタリック体はどういう意味ですか？
私はこのサイトのハンバーガーメニューの要素を見ています：
Chrome devtoolsを使用し、ElementsのCSSは赤いイタリック体で編集できません。これはどういう意味ですか？編集可能にする方法はありますか？
ページに挿入されたJSで生成されたCSSを使用しているようです。 styled-components はこれを行うことが知られており、開発ツールではスタイルは読み取り専用になります。
出典： Chromeでスタイルを編集することはできませんか？
おそらく、本番環境で「スピーディモード」を介してスタイルが挿入されているのを見ていると思います。これは 特別なDOM API を使用しますChrome現在DevToolsは読み取り専用の容量でのみ表示されます。この注入方法を無効にするためのエスケープハッチはまだありません、しかし 検討中 。
Chrome Dev Toolsがそのページで既に開いている状態でページをリロードすると、一部のスタイルでこれが発生するようです。DevToolsを閉じてページをリロードしてから、DevToolsを再度開いて実行できるかどうかを確認してください。次に、それらを編集可能にします。