a:focus擬似クラスを追加した
Twitter見てへらへらしてたら、こんな投稿があって心底反省したので、a:focus擬似クラスを追加しておいた。
個人的にSafariでデフォルトになっているフォーカス枠が好きだったので（あのoutline:none; で消えるやつ）、Firefoxで同じように表示できないかと思って色々検索しました。そこで出てきたFirefoxでSafariみたいなフォーカスを実現するという記事を参考にしました。
新しい方のCSSでも、古いほうでも多分フォーカス枠が見えるはずです。
IEでも見えるんじゃないかな。もういい加減滅んでほしいんだけれど。
こうしてFirefoxでもSafariのようなフォーカス枠は実現できるけど、タブキーでアンカーを選択していったときに見える点線枠は消えない。美しくないけど、消し方がわからないからどうしようもないな。
あと、Twitter発言の引用には、kwoutというGreasemonkeyスクリプトを使いました。ラウンド形状の枠にドロップシャドウをつけることができて、なかなかきれいです。ドロップシャドウは半透明にできないらしく、背景色を指定しないといけないのがネックですが、どのブラウザでも問題なく表示するためには仕方なさそう。
コメント(0件)»
コメントする
この記事のメタ情報