css 给特定文字的效果

发布网友发布时间：2022-04-21 17:36

共2个回答

热心网友时间：2022-04-21 17:52

用css的话,如果一个网页有1万个"手机",那岂不是要给定义1万个标签类

所以你想实现的这种效果最好是用js来实现

以下代码供你参考

<body>
<div id="content">
我想搜索"手机"这个关键字我想搜索"手机"这个关键字我想搜索"手机"这个关键字我想搜索"手机"这个关键字我想搜索"手机"这个关键字我想搜索"手机"这个关键字我想搜索"手机"这个关键字我想搜索"手机"这个关键字我想搜索"手机"这个关键字我想搜索"手机"这个关键字我想搜索"手机"这个关键字</div>
搜索的特定文字:<input type="text" id="words" value="手机"><button onclick="atest()">试试</button>

<script>
var content=document.getElementById("content");
var words=document.getElementById("words");
function atest()
{
eval("content.innerHTML=content.innerHTML.replace(/"+words.value+"/g,\"<font color=red>"+words.value+"</font>\")");
}
</script>
</body>

你自己改改js里面的<font>样式就可以了,这个不难

热心网友时间：2022-04-21 19:10

比如啊
你有很多个手机
然后每个手机是在这个标记中

<font class="sj">手机</font>

哪么这个就用font{color:blue;}或者.sj{color:blue;}这样所有的FONT的标记都会是蓝色。
也可以给特定的加效果