javascript - テキストエリアの選択色を変更する方法について何か考えはありますか?

Question

私はこれを試しましたが、テキストエリアの場合は（ChromeとIEで）機能しません:(

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

それを可能にする方法はありますか？
CSSまたはjQueryはどうですか？

Answer 1

これは、Firefox (および Safari?) でのみサポートされています。

回避策を実行できます。contenteditableでtextarea使用する代わりに。div

参照: http://jsfiddle.net/VF4tb/1/

Answer 2

の背景色を変更しようとしていますか、textareaそれともその中のテキストの色だけを変更しようとしていますか? 後者の場合、これはあなたが望むものです：

::-moz-selection {
  color: #b3d4fc;
  text-shadow: none;
}
::selection {
  color: #b3d4fc;
  text-shadow: none;
}

ここに見られるように：http://jsfiddle.net/u6CNN/

ちなみに、 a も指定できますbackground-color。

Answer 3

私の理解が正しければ、テキストエリアの背景色を変更したいのですね。

このようなもの：

textarea{
    /* Change the color of the typed text in the textarea */
    color: #CCC;

    /* Change the background color of the actual textarea */
    background-color: #000;
}

またはクラスで：

css->

.classname{
    /* Change the color of the typed text in the textarea */
    color: #CCC;

    /* Change the background color of the actual textarea */
    background-color: #000;
}

html->

<textarea class="classname">
</textarea>