问题描述：

我需要使用CSS高亮textarea内的文本。默认应该突出显示文本。突出显示文本区域中的文本

我有textarea这是正常的。用户输入内容的地方。我需要的文字应该有一些背景颜色。不是textarea的背景颜色。 Jus的文字。

任何人都请帮助..

你确切的意思是什么突出显示？你想突出显示所有的文字还是只是其中的一部分？ – RoToRa 2010-08-23 12:26:06

你的问题太模糊了，以至于不能提供直接的答案，请更新它的更多细节，例子，样品，你已经尝试过的东西，等等。我的痒痒的触发手指想要点击关闭按钮。 – 2010-08-23 12:31:00

重复：http://*.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; 
}

我不想选择文本，我只需要背景颜色的文字。 – 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

答

您无法在HTML/CSS中执行此操作。 Textarea是一个块级元素，其内部的文本需要被包装在一个内联级别元素中，以使其单独突出显示。尝试从一个简单的所见即所得的简单的所见即所得，如http://code.google.com/p/jwysiwyg/

答

您需要使用两个单独的图层。一个显示textarea文本，一个显示突出显示。你需要js，css和html。忽略无言者。编码是关于寻找解决方案。那些告诉你的人不是一个，通常不是编码员，他们是设计师。

突出显示文本区域中的文本

更新

相关推荐