Инструменты разработчика IE8 - добавьте стиль CSS

Question

Я использую панель инструментов веб-разработчика в FireFox для тестирования CSS-изменений. Я хочу сделать то же самое в IE, и я могу сделать это с помощью инструмента разработчика IE8.

Однако я не могу добавить стиль в Инструментах разработчика, только редактировать существующие стили - кто-нибудь из вас знает, как редактировать CSS, как вы можете это сделать с помощью Chris Pedericks Панель инструментов веб-разработчика?

Answer 1

Вы можете:

• добавить атрибут стиля (щелкните правой кнопкой мыши тег html и выберите добавить атрибут (с именем стиля, а затем измените атрибут стиля после его добавления)
• Перейдите на вкладку CSS, щелкните правой кнопкой мыши пустое место и добавьте правило (это похоже на добавление строки в ваш CSS-файл)

Answer 2

Добавление к тому, что Габриэль упомянул выше.

Для быстрого добавления к тесту и просмотра эффекта я делаю это немного по-другому.

Выбрав вкладку HTML, выберите панель «Атрибуты» рядом со стилем, стилями трассировки и макетом.

Нажмите кнопку «+» и начните вводить стиль CSS, который вы хотите добавить. Новый атрибут стиля добавляется автоматически на панели просмотра DOM.

Надеюсь, это поможет.

Answer 3

Я сейчас на своем Mac, но я помню, что сталкивался с этим.

Если вы посмотрите на правую сторону инструмента разработчика, вы увидите список стилей CSS. Над этим вы видите несколько «вкладок»: стиль, стили трассировки, макет, атрибуты. Если я правильно помню, вы не можете изменить их на вкладке стиля. Но вы можете изменить их на одной из других вкладок. Возможно, вам придется редактировать их с помощью атрибута style .

Answer 4

Вы можете попробовать firebug lite , но для его настройки потребуется немного усилий.

Answer 5

Выполните следующие шаги: 1. Нажмите на инструмент для разработчиков 2. В HTML выберите элемент, для которого вы хотите добавить CSS 3. Выберите вкладку атрибута с правой стороны 4. Добавьте Имя и Значение. Убедитесь, что ваш стиль применяется к элементу html.