イーモバイルでa:focusが。。

body {
 color: #000000;
 background-color: #FFFFFF;
}
a:link { color: #0000FF; }
a:visited { color: #FF0000; }
a:focus { color: #FFFFFF; }

上記スタイルシートを記述したHTMLファイル内のリンク選択時、イーモバイルH11Tでは、文字列がまったく見えなくなってしまう(その1)。

a:focusの時は反転しない為のようだ。
(link,vlinkでは反転する)
上記で、backfround-colorを#CCCCCCなどにすると、リンク選択時は、#CCCCCCの背景色に白色の文字列となる(その2)。

その1 その2


【解決策】

    • a:focusは指定しない(他キャリアの解釈が異なることを考えるとこれを推奨)
    • a:focus { color:#FFFFFF; background-color:#000000; }のように背景色とセットで指定する

ちなみにauはa:focus非対応、SoftBankはa:focusに指定した色が選択時の背景色となる。
また、iモードでは、2007/12/25の記事に書いたのと同じような問題が起こる。(a:focusをalinkに置き換える)

WILLCOMでもEMOBILEと同じ問題が起こることを確認。(確認機種:WX310K