最近制作しているサイトの中で、「リンクをクリックしたときの点線」、アウトラインをどうしても出したくないものがありまして、少し調べてみました。
少し前はCSSで a { outline: none; } と、これだけで済んだらしいのですが、現在主流のブラウザでは非対応らしく効果なし。
そこで見つけたのが、Javascriptを使ってアウトラインを消す小技です。
やり方は簡単。
・</head>タグの直前に以下のスクリプトを挿入。
<SCRIPT type="text/javascript">
<!--
function disable_links_outline() {
var blur = function () { this.blur() };
for (var i = 0; i < document.links.length; i++)
document.links[i].onfocus = blur;
}
//-->
</SCRIPT>
・<body>タグに以下を記述。
<body onLoad="disable_links_outline()">
この２つの操作で見事点線は出なくなりました。
JavascriptをCSSのように使ってしまった小技ですが、興味のあるかたはぜひお試しください。
少し前はCSSで a { outline: none; } と、これだけで済んだらしいのですが、現在主流のブラウザでは非対応らしく効果なし。
そこで見つけたのが、Javascriptを使ってアウトラインを消す小技です。
やり方は簡単。
・</head>タグの直前に以下のスクリプトを挿入。
<SCRIPT type="text/javascript">
<!--
function disable_links_outline() {
var blur = function () { this.blur() };
for (var i = 0; i < document.links.length; i++)
document.links[i].onfocus = blur;
}
//-->
</SCRIPT>
・<body>タグに以下を記述。
<body onLoad="disable_links_outline()">
この２つの操作で見事点線は出なくなりました。
JavascriptをCSSのように使ってしまった小技ですが、興味のあるかたはぜひお試しください。
