html+css+js - 如何在textarea标签内嵌入span并生效？
本文介绍了html+css+js - 如何在textarea标签内嵌入span并生效？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
不知有没有可以在textarea标签内让span标签生效的方法，比如下面,想让span内的文字可以显示红色
如果不行的话，有没有类似的标签，可以在指定大小的框内显示无限数量的文本，同时支持里面的文本可以嵌入span标签并显示
<!DOCTYPE html>
<html>
<head>
<style>
span {
color: red;
}
</style>
</head>
<body>
<textarea readonly cols=200 rows=40>
<span>
hahahahaha
</span>
</textarea>
</body>解决方案
自己找的替代方法了，div里面设置固定大小，再加上滚动条就可以有textarea类似的功能了，并且可以加入span标签
<style type="text/css">
.testDiv{
bottom: 36px;
height: calc(100vh - 280px);
resize: none;
overFlow-x:scroll;
overFlow-y:scroll;
}
.keyword{
color:red;
}
</style>
<div class='testDiv' id="keyword">
one<br>
two<br>
three<br>
<span class="keyword">four</span><br>
</div>
这篇关于html+css+js - 如何在textarea标签内嵌入span并生效？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
