Come si modifica il CSS in IE Developer Tools?

Sto utilizzando gli strumenti per sviluppatori di Internet Explorer per provare a eseguire il debug di un problema che sto riscontrando con una pagina Web.

Quando metto in evidenza gli elementi, il CSS appare sul lato destro ma non riesco ad aggiungere nuove regole o modificare correttamente il CSS esistente.

Cercando di aggiungere una proprietà "display: block" a una classe, ho provato a modificare una regola esistente che non aveva importanza (background-color: transparent) ma non appena la cambio la regola scompare!

Mi sto perdendo un trucco qui da qualche parte?

Per una rapida aggiunta per testare e vedere l'effetto, lo faccio in modo leggermente diverso.

Con la scheda HTML selezionata, seleziona il pannello "Attributi" accanto a Stile, Traccia porzioni e Layout.

Fai clic sul pulsante "+" e inizia a digitare lo stile CSS che desideri aggiungere. Il nuovo attributo di stile viene aggiunto automaticamente nel pannello di visualizzazione DOM.

Spero che sia di aiuto.

Verifica che il tuo CSS sia valido o che non ci siano regole contrastanti: da quello che ricordo, l'ultima volta che ho usato IE Developer Tools, elimina immediatamente sia i tag non validi che i tag personalizzati non utilizzati in alcune situazioni.

Personalmente ora preferisco usare Firebug in Firefox e gli strumenti di sviluppo di Chrome integrati in Chrome: non ne ho davvero uno preferito, ma trovo Firebug migliore per css / design e Chrome migliore per cookie / script ecc.