Як редагувати CSS в Інструментах для розробників IE?


11

Я використовую інструменти для розробників Internet Explorer, щоб спробувати налагодити проблему з веб-сторінкою.

Коли я виділяю елементи, CSS з'являється з правого боку, але, здається, я не в змозі додати нові правила чи правильно відредагувати існуючі CSS.

Намагаючись додати властивість "display: block" до класу, я намагався редагувати існуюче правило, яке не мало значення (колір фону: прозорий), але як тільки я його змінюю, правило зникає!

Невже я десь пропускаю хитрість?

Відповіді:


15

Щоб швидше доповнити тест і побачити ефект, я це роблю трохи інакше.

Вибравши вкладку HTML, виберіть панель "Атрибути" поруч із стилем, стилями слідів та макетом.

Натисніть кнопку "+" і почніть вводити стиль css, який ви хочете додати. Новий атрибут стилю додається автоматично на панелі перегляду DOM.

Сподіваюся, це допомагає.


Насправді іноді потрібно багато часу, щоб фактично оновити сторінку, яку ви переглядаєте. Можливо, потрібно натиснути на різні елементи і повернутися до редактору, який ви редагували, щоб побачити, як це змінилося, на мій досвід
Don Cheadle

0

Перевірте, чи є ваш CSS дійсним чи немає суперечливих правил - з того, що я пам’ятаю, коли я останній раз використовував IE Developer Tools, він негайно видаляє недійсні теги та невикористані спеціальні теги в деяких ситуаціях.

Особисто я вважаю за краще використовувати Firebug у Firefox та вбудовані в Chrome інструменти розробки Chrome - у мене справді немає улюбленого, але я вважаю Firebug кращим для css / design та Chrome краще для файлів cookie / скриптів тощо.


Проблема полягає в тому, що: якщо я не можу додати нове правило CSS, як я можу змінити правило на скасувати без того, background-color: transparentщоб display: blockвоно було недійсним по дорозі? Як тільки я набираю, displayто IE вважає, що правило - display: transparent- недійсне.
НезадоволенняГота

: S Чи можна видалити / відключити / зробити прапорець спочатку спочатку? (Вибачте, забудьте, який варіант ви отримаєте)
William Hilsum
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.