フォームの入力フィールドをクリックして青い外枠を取り除く方法は？

Question

こんにちは私は、テキストフィールドをクリックしてデータを入力するときに表示される青い「輝き」を取り除きたいと思っています。これはどうですか？

私は初心者ですので、私は経験がありません。 私のコードは：

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

ありがとう！

ジェームズ

Answer 1

このCSSスニペットはすべての主要なブラウザで動作するはずです：

input:focus { 
    outline:none; 
} 

それは、!importantディレクティブ追加しようとしない場合：

input:focus { 
    outline:none !important; 
} 

Answer 2

をあなたは、単に追加：

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



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

乾杯！