アウトライン(フォーカス時の枠)を消す


動作ブラウザ 【 IE:5.0  NN:6.0
Internet Explorer Netscape Navigator DreamPassport iCab
3.0x 4.0x 4.5 5.0x 5.5 2.0x 3.0x 4.0x 4.x 6.0 2 3 2.x
Windows × × - × × × × × × - × -
Macintosh × × × - × × × × - - ×
UNIX - - - - - × × × × - - -
Dreamcast - - - - - - - - - - × × -

ポイント <input type="text" style="outline:0px none black">
説  明 Mac+IE5、NN6ではリンクやテキストフィールドにフォーカスが移ると枠を表示し現在どこがフォーカスされているかを示します。この枠(アウトライン)を消すにはスタイルのoutlineで太さ、線種、色を指定します。JavaScriptではoutline, outline-width, outline-style, outline-colorプロパティで値を指定できます。
サンプル <html> <head> <title>アウトライン(フォーカス時の枠)を消す</title> </head> <body> <form> なし<input type="text" style="outline:0px none black"><br> 通常<input type="text"><br> </form> </body> </html>
補足説明 Mac+IE5もNN6も線を太くしたりすると期待通りに描画されない事があります。

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!

写真素材 PIXTA