Normalmente, quando um campo ganha foco, os browsers colocam uma leve borda nesse campo para demostrar isso. Entretanto, os browsers baseados no motor de renderização WebKit (Chrome, Safari, Epiphany, Konqueror) colocam uma borda cintilante que dependendo do layout proposto não é interessante deixá-lo.

Para retirar essa borda apenas adicione a seguinte linha no seu CSS:

*:focus {outline: none;}

Sobre Erick

Erick de Oliveira escreveu 19 artigos no blog.

Share →

One Response to Dica rápida para remover borda em torno dos campos ativos usando CSS

  1. Maurício says:

    Concordo em remover o outline dos inputs/textarea nos browsers baseado no webkit, porém, na linha de css informada, esse outline estará sendo removido de tudo por causa do asterisco… hehe, no caso do conteúdo, acho interessante deixar ou trabalhar bem o css com active e visited. IMHO.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>