¿Cómo deshacerse del borde exterior azul al hacer clic en un campo de entrada de formulario?

Question

Hola, quiero deshacerme del "brillo" azul que aparece cuando haces clic en un campo de texto y comienzas a ingresar datos. ¿Cómo se hace esto?

Soy un principiante, así que no tengo tanta experiencia. Mi código es:

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

Thanks!

James

Answer 1

Este CSS fragmento debería funcionar en todos los principales navegadores:

input:focus { 
    outline:none; 
} 

Si no es así, trate de añadir la directiva !important:

input:focus { 
    outline:none !important; 
} 

Answer 2

Simplemente añada :

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



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

¡salud!