2010-01-10 16 views
13

Utilizo la barra de herramientas Web Developer en Firefox para probar las ediciones CSS. Quiero hacer lo mismo en IE, y de alguna manera puedo hacerlo con la herramienta de desarrollo de IE8.IE8 Developer Tools - agregar estilo CSS

Sin embargo, no puedo añadir un estilo en las herramientas de desarrollo, sólo edición estilos existentes - ¿Tiene alguno de ustedes sabe de una manera de editar el CSS como se puede hacer con Chris Pedericks Web Developer Toolbar?

Respuesta

17

Puede:

  • añadir un atributo de estilo (clic derecho en la etiqueta HTML y haga clic en Agregar atributo (con el estilo de nombre, y luego editar el atributo de estilo una vez que su agregado)
  • Haga clic en la pestaña CSS , haga clic derecho en el espacio vacío, y añadir una regla (esto es como añadir una línea a su archivo css)
+0

Eso funciona! Muchas gracias :) – timkl

+4

Gracias. Claramente, ningún desarrollador de IE8 usó estas herramientas cuando las hicieron. – Simon

+0

¿Qué causaría que el CSS en línea siempre se tache con una línea al agregarlo a un elemento en las herramientas de desarrollo? – mmcrae

2

Estoy en mi Mac en este momento, pero recuerdo haber topado con eso.

Al mirar el lado derecho de Developer Tool, verá una lista de estilos CSS. Encima de eso, ve algunas "pestañas": Estilo, Estilos de trazado, Diseño, Atributos. Si recuerdo correctamente, no puede cambiarlos en la pestaña de estilo. Pero puedes cambiarlos en una de las otras pestañas. Es posible que deba editarlos a través del atributo style.

1

Usted podría intentar firebug lite pero es un poco de trabajo para conseguirlo configuración.

+0

He intentado configurar Firebug Lite, pero nunca funcionó, parecía con errores :( – timkl

12

Agregando a lo que Gabriel mencionó anteriormente.

Para una rápida adición a la prueba y ver el efecto lo hago de una manera un poco diferente.

Con la pestaña HTML seleccionada, seleccione el panel "Atributos" junto a Estilo, Orígenes de seguimiento y Diseño.

Haga clic en el botón "+" y comience a escribir el estilo CSS que desea agregar. El nuevo atributo de estilo se agrega automáticamente en el panel de vista DOM.

Espero que esto ayude.

0

Siga los siguientes pasos: 1. Haga clic en herramienta Desarrolladores 2. En Html elemento de selección para el que desea añadir CSS 3. Seleccione la ficha atributo presente en el lado derecho 4. Añadir nombre y valor. Comprueba que tu estilo se aplique al elemento html.

Cuestiones relacionadas