| 解 説 |
アウトライン（フォーカス時の枠）を消すにはスタイルシートプロパティのoutlineに太さ、形状、色を指定します。JavaScriptで指定するにはoutline、outlineWidth、outlineStyle、outlineColorにデータを設定します。ただ、画面の書き換えが正しく行われずゴミが残ってしまう場合があります。
|
| コード |
<![CDATA[
<html>
<head>
<title>フォーカス時のアウトライン枠を消す</title>
<script language="javascript"><!--
function set(n)
{
document.myFORM.myEle.style.outlineWidth = n;
}
// --></script>
</head>
<body>
<form name="myFORM">
<input type="text" name="myEle" style="outline:0px solid black"><br>
<input type="button" value="枠を表示" onClick="set(2)"><br>
<input type="button" value="枠を消去" onClick="set(0)"><br>
</form>
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
フォーカス時のアウトライン枠を消す