如何解决可以使用CSS将生成的特定单词加粗吗?
使用此称为ShipStation的软件以在线订单将其用于给定项目的东西
斑马纹Zubaz裤子
尺寸:大
颜色:红色
由于该软件仅限于自定义,我想知道是否存在一种使用CSS来加粗文本特定部分的方法。如果我希望“ Size:”或“ Color:”加粗,是否可以将CSS封装在一个类中,从而可以使用CSS?
解决方法
var text = `
Zebra Striped Zubaz Pants
Size: Large
Color: Red
`
const el = document.getElementById('text');
text = text.replace('Size','<span class="bold">Size</span>')
text = text.replace('Color','<span class="bold">Color</span>')
el.innerHTML = text;
.text .bold {
font-weight: bold;
}
<pre id="text" class="text">
</pre>
无法实现您想要的功能,您必须修改文本以通过javascript添加一些DOM并在DOM周围应用样式。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。