entrée focus focus glow - jQuery, html, css

Est-il possible de simuler l'éclat extérieur que Safari et d'autres navigateurs ajoutent à un champ de saisie? Et éviter jquery si possible?

Cet article explique comment le supprimer: http://www.altrugon.com/css/remove-safaris-input-focus-outer-glowquitar-el-border-azul-de-los-inputs-en-safari/

Merci

Réponses:

Découvrez la démo

Ici box-shadow est utilisé en combinaison avec :focus psudo sélecteur.

CSS:

input:focus,textarea:focus,select:focus{
border:1px solid #fafafa;
-webkit-box-shadow:0 0 6px #007eff;
-moz-box-shadow:0 0 5px #007eff;
box-shadow:0 0 5px #007eff;
outline: none;
}

Si vous voulez simuler exactement tel qu’il est affiché sur les navigateurs Webkit, vous pouvez utiliser CSS3 Box shadow en utilisant le : focus pseudo classeBien que CSS3 ne soit pas supporté par tous les navigateurs.

Vous pouvez le faire avec css:

input:focus
{
outline:#00FF00 solid thick;
}

C'est le html:

<input />
<br/>
<br/>
<input />