Alterando valores CSS com “Inspect Elements” no Google Chrome

Question

Estou tentando descobrir como alterar estilos CSS no inspetor do Google, posso ajustar HTML, código PHP, mas não folhas de estilo.

Estou no Debian, pode ser um problema com a versão do Google Chrome?

Estou usando a versão 5.0.375.127 do Chrome.

    

Answer 1

A edição de um estilo ao vivo no Chrome / Chromium depende da origem do estilo e do que exatamente você precisa fazer com ele (o nível de edição).

Abra o console Developer Tools e, em seguida, expanda o menu suspenso Styles . A partir daqui, existem algumas alterações que você pode fazer.

1. Edite um estilo (ou seletor) diretamente clicando duas vezes nele e fazendo uma alteração.
2. Ative ou desative os estilos passando o cursor sobre um bloco de estilos.
3. Edite estilos inline da mesma forma que com [ 1 ]

Você também pode ver a fonte de um determinado estilo (por exemplo, arquivo CSS, linha de estilo embutido em HTML, etc.) [ 4 ] e clicar nele levará você ao arquivo no recurso vista ou linha no inspetor DOM. Estilos que foram riscados foram substituídos, o estilo final pode ser visto no Estilo Computacional .