[解決済み] フォームの入力フィールドをクリックしたときに、青い外枠が表示されないようにするにはどうしたらいいですか？

質問

テキストフィールドをクリックしてデータを入力し始めると表示される青い"shine"を消したいのですが、どうすればよいですか？どのようにすればよいのでしょうか？

初心者なので、そんなに経験があるわけではありません。 私のコードは

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

ありがとうございます。

ジェームス

解決方法は？

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

    input:focus {
        outline:none;
    }

もし、表示されない場合は !important ディレクティブを使用します。

    input:focus {
        outline:none !important;
    }