web-dev-qa-db-fra.com

Comment se débarrasser de la bordure extérieure bleue en cliquant sur un champ de saisie de formulaire?

Salut, je veux me débarrasser de la "brillance" bleue qui apparaît lorsque vous cliquez sur un champ de texte et commencez à saisir des données. Comment cela se fait-il?

Je suis débutant donc je ne suis pas très expérimenté. Mon code est:

<input type="text" name="search" size="40" value="Job Title e.g. Assistant Manager"  
style="background-color:white; border: 
solid 1px #6E6E6E; height: 31px; font-size:16px; 
vertical-align:0px;color:#bbb" 
onfocus="if(this.value == 'Job Title e.g. Assistant Manager'){this.value = 
'';this.style.color='#000'}" />

Merci!

James

htmlformstextfield
37
James

Ce CSS extrait devrait fonctionner dans tous les principaux navigateurs:

input:focus {
    outline:none;
}

Si ce n'est pas le cas, essayez d'ajouter le !important directive:

input:focus {
    outline:none !important;
}
70
kbtzr

Vous ajoutez simplement:

<style type="text/css">
#hello:focus
{
  outline:none;
}    
</style>



<input type="text" id="hello"></input>

à votre santé!

5
Davor Zubak

Bien que ce ne soit pas directement lié, je laisse une note ici car cette SO page est ce qui est apparu dans ma recherche. Les réponses répertoriées ici fonctionnent également pour les vidéos html5. Dans mon cas, il y avait un bleu bordure visible sous la vidéo dans Chrome.

Par souci d'exhaustivité:

video 
{
  outline:none;
}
0
John Lee