chromeデベロッパーツールのstyleが編集できない時。

Question

chromeのデベロッパーツールでstyleを変更したいと思っても時々、styleの文字が斜体になっていてチェックボックスが表示されず編集ができない時があります。

こちら過去にも質問しuser agentとの事で回答をいただきましたが、class名が振られている際にも起きるので再度投稿させていただきました。

こちらの現象がわかる方がおられましたら、教えていただければ幸いです。

Comments

[kei344]

書かれている状況が再現するコード（HTML/CSS/JavaScriptなど）か、再現するURLを質問文に追記されたほうが回答を得やすいと思います。

Answer 1

自分も突然同じ状況になりました。
Shift+F5でスーパーリロードでとりあえず直りました。
スーパーリロードで難しい場合はChromeの設定から特定のサイト設定の削除をしてみてください。
原因はわかりませんがファビコンなどのサイト内部の一部の読み込み失敗発生も同時に起こるのでキャッシュや通信系で何か失敗しているのかもしれません。

Answer 2

右上に<style>...</style>と書いてあるとおり、これらはHTML内の<style>で指定されたものです。