¿Cómo editas CSS en IE Developer Tools?


11

Estoy usando las herramientas de desarrollador de Internet Explorer para tratar de depurar un problema que tengo con una página web.

Cuando resalto elementos, el CSS aparece en el lado derecho, pero parece que no puedo agregar nuevas reglas o editar correctamente el CSS existente.

Intentando agregar una propiedad "display: block" a una clase, traté de editar una regla existente que no importaba (color de fondo: transparente), pero tan pronto como la cambio, ¡la regla desaparece!

¿Me estoy perdiendo un truco aquí en alguna parte?

Respuestas:


15

Para una adición rápida para probar y ver el efecto, lo hago un poco diferente.

Con la pestaña HTML seleccionada, elija el panel "Atributos" junto a Estilo, Trazar estilos 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.


a veces lleva mucho tiempo actualizar la página que estás viendo. Es posible que deba hacer clic en diferentes elementos y volver al que editó para verlo cambiar, en mi experiencia
Don Cheadle

0

Verifique que su CSS sea válido o que no haya reglas en conflicto: por lo que recuerdo, la última vez que utilicé IE Developer Tools, elimina de inmediato las etiquetas no válidas y las etiquetas personalizadas no utilizadas en algunas situaciones.

Personalmente, ahora prefiero usar Firebug en Firefox y las herramientas de desarrollo de Chrome integradas en Chrome. Realmente no tengo un favorito, pero creo que Firebug es mejor para css / design y Chrome mejor para cookies / scripts, etc.


El problema es: si no puedo agregar una nueva regla CSS, ¿cómo cambio una regla de decir background-color: transparenta display: blocksin que sea inválida en el camino? Tan pronto como escribo display, IE piensa que la regla - display: transparentno es válida.
DisgruntledGoat

: S ¿Puedes eliminar / deshabilitar / hacer la casilla de verificación en el otro primero? (lo siento olvide de la opción que se obtiene)
William Hilsum
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.