Bagaimana Anda mengedit CSS di Alat Pengembang IE?

Saya menggunakan alat Pengembang Internet Explorer untuk mencoba men-debug masalah yang saya alami dengan halaman web.

Ketika saya menyoroti elemen-elemen, CSS muncul di sisi kanan tetapi saya tampaknya tidak dapat menambahkan aturan baru atau mengedit CSS yang ada dengan benar.

Mencoba menambahkan properti "display: block" ke kelas, saya mencoba mengedit aturan yang sudah ada yang tidak masalah (latar belakang-warna: transparan) tetapi segera setelah saya mengubahnya aturan itu menghilang!

Apakah saya melewatkan trik di suatu tempat?

Untuk tambahan cepat untuk menguji dan melihat efeknya saya melakukannya sedikit berbeda.

Dengan tab HTML yang dipilih pilih panel "Atribut" di sebelah Style, Trace Styes, dan Layout.

Klik tombol "+" dan mulailah mengetik gaya css yang ingin Anda tambahkan. Atribut gaya baru ditambahkan secara otomatis di panel tampilan DOM.

Semoga ini membantu.

Periksa CSS Anda valid atau tidak ada aturan yang bertentangan - dari yang saya ingat, terakhir kali saya menggunakan Alat Pengembang IE, ia segera menghapus baik tag yang tidak valid dan tag kustom yang tidak digunakan dalam beberapa situasi.

Secara pribadi saya sekarang lebih suka menggunakan Firebug di Firefox dan alat Pengembangan Chrome bawaan Chrome - Saya tidak benar-benar punya favorit, tapi saya menemukan Firebug lebih baik untuk css / desain dan Chrome lebih baik untuk cookie / skrip dll.