这个是如何实现的呢?

三姐

分类信息 每个选择字段上的背景颜色
我只能写成一长条


这个是不是需要js配合?

1 贡献

最佳答案

因为分类信息字段默认是用&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:38
• 详细答案 >

海哥

我记得好像有个插件可以实现

天外飘仙

一张截图 全靠猜呀

波多野结衣

目标是多选，你的是一个文本，肯定不一样

三姐

波多野结衣 发表于 2024-12-19 14:28
目标是多选，你的是一个文本，肯定不一样

我也是多选

波多野结衣

三姐 发表于 2024-12-19 14:54
我也是多选

加个间距嘛，这不是简单的很

ysx24

你的第一个图是技能趴的分类信息多功能商城，是分类信息和插件结合的效果
第二个不清楚
要修改模板代码了

三姐

波多野结衣 发表于 2024-12-19 15:14
加个间距嘛，这不是简单的很

加过了没用的

三姐

ysx24 发表于 2024-12-19 15:19
你的第一个图是技能趴的分类信息多功能商城，是分类信息和插件结合的效果
第二个不清楚
要修改模板代码了 ...

第一个是别的网站上看到的,我去应用商城找找看,我搜过自己改好像要和js结合也能实现,就是不知道怎么搞.
第二个是我自己写的.

ysx24

三姐 发表于 2024-12-19 15:24
第一个是别的网站上看到的,我去应用商城找找看,我搜过自己改好像要和js结合也能实现,就是不知道怎么搞.
...

说的这个吧，不用找了，早就下架了