textarea ::选择和:: - moz选择

有没有办法将::selection和::-moz-selection CSS伪元素应用到textarea文本中？textarea ::选择和:: - moz选择

textarea::selection { 
    color: #ff0000; 
}

不工作

来源

2010-01-11 Trevor

据this，它应该工作。

你可以尝试给它一个!important？

您可以尝试将它应用于与textarea不同的元素，例如： a div？如果它在那里工作，它对输入元素的作用是不同的 - 但我找不到任何资源提到这一点。

来源

2010-01-11 18:05:15

它在div和跨度上为我工作。增加一个重要的没有帮助。奇怪的是，在多行textarea中，当我选择整个textarea时，空白行将用我指定的背景颜色来选择，但在其中写入的行具有常规的选择颜色。我花了整整一个早上寻找一些资源，提及为什么它会在输入中处理不同，但我找不到这个或一个工作的例子。 – Trevor 2010-01-11 21:54:31

这听起来像Mozilla正在处理不同的选择，这些选择是表单输入的一部分。恐怕这可能是无法完成任何事情的情况之一，因为浏览器的输入样式准则否决了其他所有内容，类似于可以以非常有限的方式定制的“select”或“file”等形式输入元素。 – 2010-01-11 22:06:25

FF适用于我，但不适用于Chrome。 – 2011-03-25 03:38:11

更新如你所说here，我会更新这个问题太：

我不同意。它的工作;）
测试在Firefox 4.0b6

我可以证实，下面的代码工作至少Firefox 4.0b6下（从我自己answer）

<!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>

它可能不能以编程方式wroking服用，如果你不小心你在做什么。也许你正试图用jQuery.select（）来选择一些东西，而你选择的是textarea对象而不是它的内容。

来源

2010-11-02 12:46:06 ssice

textarea ::选择和:: - moz选择

回答

相关问题