textarea :: selection and :: - moz-selection

时间:2010-01-11 17:50:56

标签: css css3 selection

有没有办法将::selection::-moz-selection CSS伪元素应用于textarea中的文本?

textarea::selection {
    color: #ff0000;
}

不工作

2 个答案:

答案 0 :(得分:4)

根据this,它应该有效。

你可以尝试给它一个!important吗?

您可以尝试将其应用于与textarea不同的元素,例如一个div?如果它在那里工作,它对输入元素的工作方式不同 - 但我找不到任何提及它的资源。

答案 1 :(得分:1)

如您所说[{3}}更新,我也会更新此问题:

我不同意。它正在工作;)
在Firefox 4.0b6上测试

我可以确认以下代码<{3}}下的至少 <(取自我自己的here

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Test</title>
<style type="text/css">

p::-moz-selection, input::-moz-selection, textarea::-moz-selection {
    color: red;
    background-color: grey;
}
</style>
</head>

<body>
<p>This paragraph is selection-aware.</p>
<form action="#">
<input type="text" id="itext" value="So is this input[text]" />
<textarea id="itextarea">And this textarea, as well</textarea>
</form>
</body>
</html>

如果你不小心你在做什么,它可能不会以编程方式进行。也许您正在尝试使用jQuery.select()选择一些东西,而您正在选择textarea对象而不是其内容。