Bordure sur input type text dans Chrome

Bonjour à tous,

J'ai un petit souci d'affichage avec un champ input de texte.

input.inputbox,
input.inputbox:active,
input.inputbox:focus,
input.inputbox:active:hover{
	background: transparent;
	color: #782105;
	width: 160px;
	height: 44px;
	padding-left: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: none;
}

Sur Firefox aucun souci, mais sur Chrome je continue à avoir une bordure autour de mon champ lorsque je clique dedans.

Quelqu'un aurait-il une solution ?
D'avance merci,
Seb

Bonjour,

au :focus sur un champ il est d'usage de mettre un outline, propriété que tu n'as pas mise à zéro.

Mais c'est d'usage pour de bonnes raisons : mieux vaut indiquer quand un champ est sélectionné. Si tu reset le :focus, à toi de prévoir un équivalent pour indiquer à l'internaute quel champ est en ours de saisie.

Bonne continuation !

Merci !