更新

Question

我需要使用css高亮显示textarea中的文本。默认情况下，文本应突出显示。

我有textarea这是正常的。用户输入的东西。我需要文本应该有一些背景颜色。不是textarea的背景颜色。 Jus the for the text。

任何人都可以帮助..

Answer 1

我认为您的意思是选择了文本，以便在用户开始输入或复制到剪贴板时将其删除。你不能用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;
}

Answer 2

您无法在HTML / CSS中执行此操作。 Textarea是一个块级元素，里面的文本需要包含在内联级别元素中，以便单独突出显示。试着从像http://code.google.com/p/jwysiwyg/

这样精简的简单WYSIWYG中剔除一些东西

Answer 3

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

在textarea中突出显示文本

3 个答案:

更新