男的舔女的下面视频在线播放-少妇愉情理仑片高潮日本-久久久久久国产一区二区三区-麻豆精品一区二区综合-国产精品超碰在线观看-网红极品女神精品视频在线-国产亚洲综合777-高清性视频一区二区播放-中文字幕第一页亚洲天堂

Discuz! 官方交流社區(qū)

標(biāo)題: 這個(gè)是如何實(shí)現(xiàn)的呢? [打印本頁(yè)]

作者: 三姐 時(shí)間: 2024-12-19 12:13
標(biāo)題: 這個(gè)是如何實(shí)現(xiàn)的呢?
(, 下載次數(shù): 111)

分類(lèi)信息每個(gè)選擇字段上的背景顏色
我只能寫(xiě)成一長(zhǎng)條
(, 下載次數(shù): 109)

這個(gè)是不是需要js配合?

作者: 海哥 時(shí)間: 2024-12-19 13:36
我記得好像有個(gè)插件可以實(shí)現(xiàn)

作者: 天外飄仙 時(shí)間: 2024-12-19 14:18
一張截圖全靠猜呀

作者: 波多野結(jié)衣 時(shí)間: 2024-12-19 14:28
目標(biāo)是多選，你的是一個(gè)文本，肯定不一樣

作者: 三姐 時(shí)間: 2024-12-19 14:54

波多野結(jié)衣發(fā)表于 2024-12-19 14:28
目標(biāo)是多選，你的是一個(gè)文本，肯定不一樣

我也是多選

作者: 波多野結(jié)衣 時(shí)間: 2024-12-19 15:14

三姐發(fā)表于 2024-12-19 14:54
我也是多選

加個(gè)間距嘛，這不是簡(jiǎn)單的很

作者: ysx24 時(shí)間: 2024-12-19 15:19
你的第一個(gè)圖是技能趴的分類(lèi)信息多功能商城，是分類(lèi)信息和插件結(jié)合的效果
第二個(gè)不清楚
要修改模板代碼了

作者: 三姐 時(shí)間: 2024-12-19 15:23

波多野結(jié)衣發(fā)表于 2024-12-19 15:14
加個(gè)間距嘛，這不是簡(jiǎn)單的很

加過(guò)了沒(méi)用的

作者: 三姐 時(shí)間: 2024-12-19 15:24

ysx24 發(fā)表于 2024-12-19 15:19
你的第一個(gè)圖是技能趴的分類(lèi)信息多功能商城，是分類(lèi)信息和插件結(jié)合的效果
第二個(gè)不清楚
要修改模板代碼了 ...

第一個(gè)是別的網(wǎng)站上看到的,我去應(yīng)用商城找找看,我搜過(guò)自己改好像要和js結(jié)合也能實(shí)現(xiàn),就是不知道怎么搞.
第二個(gè)是我自己寫(xiě)的.

作者: ysx24 時(shí)間: 2024-12-19 16:59

三姐發(fā)表于 2024-12-19 15:24
第一個(gè)是別的網(wǎng)站上看到的,我去應(yīng)用商城找找看,我搜過(guò)自己改好像要和js結(jié)合也能實(shí)現(xiàn),就是不知道怎么搞.
...

說(shuō)的這個(gè)吧，不用找了，早就下架了 (, 下載次數(shù): 112)

作者: 影子江湖 時(shí)間: 2024-12-19 19:57
(, 下載次數(shù): 76)

就是CSS罷了

作者: Benisme 時(shí)間: 2024-12-19 21:03

標(biāo)簽1標(biāo)簽2標(biāo)簽3
<style>span{background:#155BD5;display:inline-block;border-radius:2px;padding:2px 4px;}</style>

復(fù)制代碼

作者: 三姐 時(shí)間: 2024-12-20 08:10

ysx24 發(fā)表于 2024-12-19 16:59
說(shuō)的這個(gè)吧，不用找了，早就下架了

作者: 三姐 時(shí)間: 2024-12-20 08:30

Benisme 發(fā)表于 2024-12-19 21:03

這個(gè)我有試過(guò)的是可以的,但是我的是動(dòng)態(tài)多選項(xiàng),而且字段選項(xiàng)比較多,沒(méi)選的就不需要顯示

作者: 9527 時(shí)間: 2024-12-20 11:35
因?yàn)榉诸?lèi)信息字段默認(rèn)是用 分割的，所以CSS無(wú)法單選里面的字段，不過(guò)可以用JS正則匹配加以包裹每個(gè)字段，這樣就可以用CSS去美化各字段了。
例如：
<td id="myTd">無(wú)任何限制 對(duì)話(huà)次數(shù)限制 對(duì)話(huà)字符數(shù)限制 關(guān)聯(lián)歷史對(duì)話(huà)限制 </td>

// 給 <td> 元素加一個(gè) id
let tdElement = document.querySelector('#myTd'); // 通過(guò) ID 選擇 <td> 元素

// 獲取 <td> 中的文本內(nèi)容
let text = tdElement.innerHTML;

// 用正則匹配每個(gè)單詞，并用 包裹
let modifiedText = text.replace(/(\S+)/g, '$1');

// 將修改后的內(nèi)容重新賦值給 <td> 元素
tdElement.innerHTML = modifiedText;

作者: 三姐 時(shí)間: 2024-12-20 12:19

9527 發(fā)表于 2024-12-20 11:35
因?yàn)榉诸?lèi)信息字段默認(rèn)是用 分割的，所以CSS無(wú)法單選里面的字段，不過(guò)可以用JS正則匹配加以包裹每個(gè)字 ...

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

作者: 波多野結(jié)衣 時(shí)間: 2024-12-20 21:47

三姐發(fā)表于 2024-12-19 15:23
加過(guò)了沒(méi)用的

有的，我就是這么干的，主體有個(gè)類(lèi)的，用這個(gè)類(lèi)。直接定位到多選哪里。強(qiáng)制一下優(yōu)先級(jí)，最好定義一個(gè)類(lèi)。就可以解決了，最簡(jiǎn)單的，別聽(tīng)他們說(shuō)的什么js，反而更復(fù)雜了，只要是樣式，就沒(méi)有一個(gè)css解決不了的。

歡迎光臨 Discuz! 官方交流社區(qū) (http://m.sdtechgong.com.cn/)