web-dev-qa-db-ja.com

IE開発者ツールでCSSをどのように編集しますか?

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

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

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

私はどこかにトリックを逃していますか?

11
DisgruntledGoat

テストにすばやく追加して効果を確認するために、少し異なる方法で行います。

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

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

お役に立てれば。

15
David

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

個人的には、FirefoxでFirebugを使用することを好み、Chrome開発ツールが組み込まれていますChrome-あまりお気に入りはありませんが、Firebugを見つけましたcss/designとChrome cookie /スクリプトなどに適しています。

0
William Hilsum