Como você edita CSS nas Ferramentas de Desenvolvedor do IE?

Estou usando as ferramentas de desenvolvedor do Internet Explorer para tentar depurar um problema que estou tendo com uma página da web.

Quando realço elementos, o CSS aparece no lado direito, mas parece que não consigo adicionar novas regras ou editar adequadamente o CSS existente.

Tentando adicionar uma propriedade "display: block" a uma classe, tentei editar uma regra existente que não importava (cor de fundo: transparente), mas assim que eu a altero, a regra desaparece!

Estou perdendo um truque aqui em algum lugar?

Para uma adição rápida para testar e ver o efeito, eu o faço de maneira um pouco diferente.

Com a guia HTML selecionada, escolha o painel "Atributos" ao lado de Estilo, Traços e Layout.

Clique no botão "+" e comece a digitar o estilo css que você deseja adicionar. O novo atributo de estilo é adicionado automaticamente no painel de visualização do DOM.

Espero que isto ajude.

Verifique se o CSS é válido ou se não há regras conflitantes - pelo que me lembro, da última vez que usei o IE Developer Tools, ele exclui imediatamente as tags inválidas e as personalizadas não usadas em algumas situações.

Pessoalmente, agora prefiro usar o Firebug no Firefox e as ferramentas de desenvolvimento do Chrome integradas ao Chrome - eu realmente não tenho um favorito, mas acho o Firebug melhor para css / design e o Chrome melhor para cookies / scripts etc.