这个是如何实现的呢?

影子江湖

就是CSS罢了

Benisme

1. <span>标签1</span><span>标签2</span><span>标签3</span>
   
2. <style>span{background:#155BD5;display:inline-block;border-radius:2px;padding:2px 4px;}</style>

复制代码

三姐

ysx24 发表于 2024-12-19 16:59
说的这个吧，不用找了，早就下架了

三姐

Benisme 发表于 2024-12-19 21:03

这个我有试过的 是可以的,但是我的是动态多选项,而且字段选项比较多,没选的就不需要显示

9527

因为分类信息字段默认是用&nbsp;分割的，所以CSS无法单选里面的字段，不过可以用JS正则匹配加以<span>包裹每个字段，这样就可以用CSS去美化各字段了。
例如：
<td id="myTd">无任何限制&nbsp;对话次数限制&nbsp;对话字符数限制&nbsp;关联历史对话限制&nbsp;</td>

// 给 <td> 元素加一个 id
let tdElement = document.querySelector('#myTd');  // 通过 ID 选择 <td> 元素

// 获取 <td> 中的文本内容
let text = tdElement.innerHTML;

// 用正则匹配每个单词，并用 <span> 包裹
let modifiedText = text.replace(/(\S+)/g, '<span>$1</span>');

// 将修改后的内容重新赋值给 <td> 元素
tdElement.innerHTML = modifiedText;

三姐

9527 发表于 2024-12-20 11:35
因为分类信息字段默认是用&nbsp;分割的，所以CSS无法单选里面的字段，不过可以用JS正则匹配加以包裹每个字 ...

感谢大佬解答,我再研究研究

波多野结衣

三姐 发表于 2024-12-19 15:23
加过了没用的

有的，我就是这么干的，主体有个类的，用这个类。直接定位到多选哪里。强制一下优先级，最好定义一个类。就可以解决了，最简单的，别听他们说的什么js，反而更复杂了，只要是样式，就没有一个css解决不了的。