イーモバイルで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に置き換える)