checkbox em destaque no chrome

Question

Eu gosto de navegar por formulários em navegadores da web com o teclado, mas o chrome está tornando isso muito difícil. Normalmente, quando você clica na guia para selecionar o próximo item do formulário, um retângulo pontilhado ou algo assim o realça, para que você saiba qual item está editando. O Chrome não está fazendo isso de forma consistente em todos os sites. Existe uma maneira de forçar o realce da caixa de seleção?

    

Answer 1

Você pode usar um plug-in, como Elegante , para adicionar suas próprias regras de CSS a páginas da web - crie uma segmentação para cada página da Web e faça algo como

*:focus{outline:2px solid blue!important;}

Para forçá-lo no elemento :focus . Você está livre para estilizar o que quiser. outline é o elemento css que o chrome aplica naturalmente, por isso evita que você crie páginas da web duplamente estilizadas onde já existe. !important faz com que ele substitua quaisquer declarações de CSS anteriores para o :focus em requisitos.