web-dev-qa-db-ja.com

フォーム入力フィールドをクリックしたときに青い外側の境界線を取り除く方法は？

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

私は初心者なので、それほど経験がありません。私のコードは：

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

ありがとう！

ジェームス

htmlformstextfield
37
James

この[〜＃〜] css [〜＃〜]スニペットは、すべての主要なブラウザーで動作するはずです。

input:focus {
    outline:none;
}

そうでない場合は、!importantディレクティブを追加してみてください。

input:focus {
    outline:none !important;
}
70
kbtzr

以下を追加するだけです：

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



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

乾杯！

5
Davor Zubak

直接関係はありませんが、このSOページは検索で表示されたものです。ここにリストされた回答はhtml5ビデオでも機能します。私の場合は、 Chromeの動画の下に枠線が表示されます。

完全を期すために：

video 
{
  outline:none;
}
0
John Lee