Come eliminare il bordo esterno blu quando si fa clic sul campo di immissione di un modulo?

Question

Ciao Voglio sbarazzarmi della "luminosità" blu che appare quando fai clic su un campo di testo e inizi a immettere dati. Come è fatto?

Sono un principiante quindi non sono così esperto. Il mio codice è:

<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'}" /> 

Grazie!

James

Answer 1

Questo CSS frammento dovrebbe funzionare in tutti i principali browser:

input:focus { 
    outline:none; 
} 

In caso contrario, provare ad aggiungere la direttiva !important:

input:focus { 
    outline:none !important; 
} 

Answer 2

È sufficiente aggiungere :

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



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

evviva!