3

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

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

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

4

4 に答える 4

4

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

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

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

于 2013-02-09T11:42:08.113 に答える
2

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

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

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

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

于 2013-02-09T11:41:09.283 に答える
-2

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

このようなもの：

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>
于 2013-02-09T12:35:12.973 に答える