我需要使用CSS高亮textarea內的文本。默認應該突出顯示文本。突出顯示文本區域中的文本

我有textarea這是正常的。用戶輸入內容的地方。我需要的文字應該有一些背景顏色。不是textarea的背景顏色。 Jus的文字。

任何人都請幫助..

2010-08-23 Santhosh

你確切的意思是什麼突出顯示？你想突出顯示所有的文字還是隻是其中的一部分？ – RoToRa 2010-08-23 12:26:06

你的問題太模糊了，以至於不能提供直接的答案，請更新它的更多細節，例子，樣品，你已經嘗試過的東西，等等。我的癢癢的觸發手指想要點擊關閉按鈕。 – 2010-08-23 12:31:00

重複：http://stackoverflow.com/questions/142527/highlight-text-inside-of-a-textarea – 2010-08-23 12:35:24

我相信，當用戶開始輸入或複製到剪貼板，你的意思是有選擇的，因此它可以被刪除的文字。你不能做到這樣的事與CSS：你需要使用JavaScript：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head><title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<script type="text/javascript"><!-- 
window.onload = function(){ 
    var t = document.getElementsByTagName("textarea"); 
    for(var i=0, len=t.length; i<len; i++){ 
     t[i].select(); 
    } 
} 
//--></script> 
</head> 
<body> 

<textarea>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</textarea> 

</body> 
</html>

既然你只能在同一時間有一個選擇的項目，它可能更有趣的對焦點選擇文本：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head><title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<script type="text/javascript"><!-- 
window.onload = function(){ 
    var t = document.getElementsByTagName("textarea"); 
    for(var i=0, len=t.length; i<len; i++){ 
     t[i].onfocus = function(e){ 
      e.target.select(); 
     } 
    } 
} 
//--></script> 
</head> 
<body> 

<textarea>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</textarea> 
<textarea>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</textarea> 

</body> 
</html>

聲明：此示例代碼未經測試，可能是越野車。

更新

您的意思是？

textarea{ 
    background-color: #FFEFC6; 
}

來源

2010-08-23 12:38:31

我不想選擇文本，我只需要背景顏色的文字。 – Santhosh 2010-08-23 12:42:36

'background-color'？ – 2010-08-23 12:50:54

background-color - 將顏色設置爲整個textarea，但我只需要文本... – Santhosh 2010-08-23 13:16:28

我不相信這是可能做到你想要的只是一個普通的textarea和CSS。您可以使用此處列出的其中一位編輯完成您想要的功能：link

來源

2010-08-23 13:40:17 Mike

您無法在HTML/CSS中執行此操作。 Textarea是一個塊級元素，其內部的文本需要被包裝在一個內聯級別元素中，以使其單獨突出顯示。嘗試從一個簡單的所見即所得的簡單的所見即所得，如http://code.google.com/p/jwysiwyg/

來源

2010-08-23 22:13:41

您需要使用兩個單獨的圖層。一個顯示textarea文本，一個顯示突出顯示。你需要js，css和html。忽略無言者。編碼是關於尋找解決方案。那些告訴你的人不是一個，通常不是編碼員，他們是設計師。

來源

2016-09-29 03:36:39

突出顯示文本區域中的文本

回答

更新

相關問題