formタグのinputやtextarea内の選択文字の背景色を変えたい

FirefoxのCSSで
::-moz-selection
とすれば変わりますが
IE7/8やGoogleChromeやSafari5で
::selection
としても変わってくれません
(form以外の部分の背景色は変わります)

OSはWindows系です
使っている人が少ないIE9ではなくて
IE7/8でFirefoxと同じことができるようにしたいんです
GoogleChromeやSafariでもいいですが
IE7/8で正解をくれた人にはポイントを増やしますので
よろしくお願いします

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2011/07/21 01:30:17
  • 終了:2011/07/27 08:48:04

回答(1件)

id:niwa-mikiho No.1

niwa-mikiho回答回数508ベストアンサー獲得回数382011/07/21 02:44:04

ポイント100pt

selection は CSS3 であり、IE の場合は 9 以降で対応です。


CSS3 に対応したブラウザであれば


~::selection {

  background: #cc0000;

  color: #ffffff;

}

~::-moz-selection {

  ackground: #cc0000;

  color: #ffffff;

}

~::-webkit-selection {

  background: #cc0000;

  color: #ffffff;

}


これで可能です。





◆ 返信

Google Chrome 12.0.742.122

Microsoft Internet Explorer 8.0.6001.18702

Mozilla firefox 5.0.1

上記3つのブラウザで、自分で確認しました。

IE9 未満の IE では、CSS3 は使えません。

id:km1981

何も変化しないのですが

ご自身で試されていますか?

2011/07/21 08:38:40

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません