Bagaimana Anda mengedit CSS di Alat Pengembang IE?

11

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?

internet-explorer-dev DisgruntledGoat
sumber

Jawaban:

15

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.

David
sumber
terkadang perlu waktu lama untuk benar-benar memperbarui halaman yang Anda lihat. Mungkin perlu mengklik elemen yang berbeda dan kembali ke elemen yang Anda edit untuk melihatnya berubah, menurut pengalaman saya
Don Cheadle
0

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.

William Hilsum
sumber
Masalahnya adalah: jika saya tidak dapat menambahkan aturan CSS baru, bagaimana cara mengubah aturan dari katakan background-color: transparentmenjadi display: blocktanpa menjadi tidak valid di sepanjang jalan? Begitu saya mengetik displaymaka IE berpikir aturan - display: transparent- tidak valid.
DisgruntledGoat
: S Bisakah Anda menghapus / menonaktifkan / melakukan checkbox pada yang lain terlebih dahulu? (maaf lupakan opsi mana yang Anda dapatkan)
William Hilsum