Remover bordas de campo input no google chrome

2,717 views
Skip to first unread message

Andrews Lince

unread,
Apr 4, 2011, 10:27:18 AM4/4/11
to LISTA PHP
Salve, pessoal!

Venho mais uma vez pedir a ajuda de vocês com uma coisa meio besta, mas que tô precisando fazer aqui na empresa. Acho que todos sabem que o Chrome destaca os inputs com uma borda amarelada. A pergunta é: açguém sabe como posso fazer pra remover essa borda quando o campo recebe o foco?

No site da Apple, o campo de busca da barra de menu tem essa característica. Quando recebe o foco ele não fica com a borda no Chrome.

Alguém poderia me ajudar?

Agradeço a atenção.

Andrews Lince Andrade da Costa
Desenvolvedor Web
skype: andrews.lince
msn: andrews_lince
twitter: andrews_lince

Cassiano Ricardo Mourão

unread,
Apr 4, 2011, 10:32:38 AM4/4/11
to list...@googlegroups.com
http://lmgtfy.com/?q=disable+input+focus+in+chrome

--
============================================================
LEIAM SEMPRE AS REGRAS DA LISTA:
http://groups.google.com.br/group/listaphp/web/regras-da-lista-php
--
LISTA PHP > http://groups.google.com.br/group/listaphp
--
REVISTA PHP > http://www.revistaphp.com.br
--
AJAX-BRASIL > http://groups.google.com/group/ajax-brasil
--
PYTHON-GOOGLE > http://groups.google.com.br/group/python-google
--
DOTNET-BRASIL > http://groups.google.com.br/group/dotnet_br
============================================================

Giancarlo Raduan

unread,
Apr 4, 2011, 11:30:52 AM4/4/11
to list...@googlegroups.com
Boa tarde, passei por isso em nosso sistema interno aqui.

Bom, resolveu colocando no CSS o seguinte:

input[type=text]:focus, input[type=password]:focus, input[type=button]:focus, select:focus, textarea:focus {
     outline: none;
}

Abracos,

att,
Giancarlo Raduan

Andrews Lince

unread,
Apr 4, 2011, 2:04:45 PM4/4/11
to list...@googlegroups.com
Obrigado, pessoal!

O "outline: none" resolveu o problema!
Reply all
Reply to author
Forward
0 new messages