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

11

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?

internet-explorer-dev DisgruntledGoat
fonte

Respostas:

15

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.

David
fonte
às vezes, leva muito tempo para atualizar a página que você está visualizando. Talvez seja necessário clicar em diferentes elementos e voltar ao que você editado para vê-lo mudar, na minha experiência
Don Cheadle
0

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.

William Hilsum
fonte
O problema é: se não consigo adicionar uma nova regra CSS, como altero uma regra de dizer background-color: transparentpara display: blocksem que ela seja inválida ao longo do caminho? Assim que digito display, o IE acha que a regra - display: transparent- é inválida.
DisgruntledGoat
: S Você pode excluir / desativar / marcar a caixa de seleção primeiro? (desculpe esquecer qual opção você obtém)
William Hilsum