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選擇

回答

相關問題