3

我已经尝试过了，但在 textarea 的情况下它不起作用（在 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 回答
0

我找到了以下解决方案：

.YourForm textarea:focus {
  background-color: #000;
}
于 2019-01-21T20:55:05.737 回答
-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 回答