Jak pozbyć się niebieskiego obramowania zewnętrznego po kliknięciu pola wprowadzania formularza?

Question

Witam Chcę pozbyć się niebieskiego "połysku", który pojawia się po kliknięciu pola tekstowego i rozpoczęciu wprowadzania danych. Jak to się robi?

Jestem początkujący, więc nie jestem tak doświadczony. Mój kod to:

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

Dzięki!

James

Answer 1

Ten CSS fragment powinien działać we wszystkich głównych przeglądarek:

input:focus { 
    outline:none; 
} 

Jeśli nie, spróbuj dodać dyrektywę !important:

input:focus { 
    outline:none !important; 
} 

Answer 2

Wystarczy dodać :

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



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

Pozdrawiam!