IE Developer ToolsでCSSを編集するにはどうすればよいですか？

Internet Explorerの開発者ツールを使用して、Webページで発生している問題をデバッグしようとしています。

要素を強調表示すると、CSSが右側に表示されますが、新しいルールを追加したり、既存のCSSを適切に編集したりできないようです。

「display：block」プロパティをクラスに追加しようとして、問題ではない既存のルール（background-color：transparent）を編集しようとしましたが、変更するとすぐにルールが消えます！

私はここのどこかでトリックを逃していますか？

簡単に追加してテストし、効果を確認するには、少し違う方法で行います。

[HTML]タブを選択した状態で、[スタイル]、[トレーススタイル]、[レイアウト]の横にある[属性]パネルを選択します。

[+]ボタンをクリックして、追加するCSSスタイルの入力を開始します。新しいスタイル属性は、DOMビューパネルに自動的に追加されます。

お役に立てれば。

CSSが有効であるか、または競合するルールがないことを確認します。覚えていることですが、前回IE Developer Toolsを使用したとき、状況によっては無効なタグと未使用のカスタムタグの両方がすぐに削除されます。

個人的にはFirefoxとChromeに組み込まれたChrome開発ツールでFirebugを使用することを好みます-私はあまり好きではありませんが、Firebugはcss / designに、Chromeはcookie / scriptsなどに適していると感じています。