ホームページ > 記事 > ウェブフロントエンド > フォーカスの問題 onfocus=”this.blur()” 代替方法 (転送)_html/css_WEB-ITnose
リンクの点線のボックスを削除するために、オンラインで見つかった最も一般的な方法は onfocus="this.blur()" ですが、同時に検索の結果、これは目の見えない人が閲覧するのに役立たないことが判明しました。タオバオのページ
解決策はブログで詳しく説明されています。ここにその一部、完全版があります: http://ued.taabao.com/blog/?p=3845 (ブログはできますか)外部リンクを置く?)
点線のボックスを削除する 方法 | 長所と短所 | 互換性 | タブを区切るかどうか |
このぼかし | リンク フォーカスがトリガーされると失われます フォーカス、js、html は結合されています | 互換性の問題はありません | は |
a:focus {outline:none} または a{outline: none} | アウトラインは css2.1 によって導入され、破線のボックスのビジュアルが削除されました。上記の問題はまさに css の責任です | ie6/ie7 はサポートしていませんが、ie8+/ff /safari/opera[2] はサポートしています | No |
hidefocus< ;/a> | この属性は IE [3] のプライベート属性です | ie5+ は | No |
a をサポートします{ noFocusLine:expression(this.onFocus = this.blur())} | バッチで処理できますが、expression のパフォーマンスの問題は無視できません | expression は ie6/7 でサポートされていますが、ie8+ および非-つまり、chorme/opera/safari では、outline:none を使用します。つまり: | Link | a:focus {