webdevqa.jp.net

IEのF12開発ツール-新しいCSSを追加しますか?

IEのF12開発ツールで要素を表示しています。要素に適用されているスタイルを確認できるので、スタイルを変更または無効にできますが、まったく新しいスタイルを追加するにはどうすればよいですか?

ありがとう

30
Evanss

IE8/IE9の場合、要素にstyle属性を追加し、CSSプロパティをインラインで追加できます。要素を右クリックして、属性の追加を選択するだけです。コメントしたように、これは1つの要素にスタイルを追加するだけです。

IE10/11については、 その他の回答 を参照してください。

12
andyb

IE9では、[CSS]タブを選択し、右クリックして新しいスタイルルールを追加できます。

enter image description here

IE11では、[DOMエクスプローラー]タブを選択してから、右側の[スタイル]タブを選択する必要があります。次に、右クリックして新しいスタイルルールを追加できます。

enter image description here

37
joshb

開発ツールの[属性]タブをクリックします。そこにcssを追加できます。

1
Schezarde

IEがカーソルでホバーした要素を見つけられない場合は、ページが既に生成された後、HTMLコードの一部がAjaxまたは他の同様の手法でロードされている可能性があります。この場合、インスペクターを閉じ、ページをリロードし、関心のある要素を表示するために必要なすべての手順を実行してから、インスペクターを再度開く必要があります。これで、ホバーすると要素が見つかるはずです。必要なものがないか調べてください。

1
Ulysses Alves