久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

Discuz! 官方交流社區

標題: 這個是如何實現的呢? [打印本頁]

作者: 三姐 時間: 2024-12-19 12:13
標題: 這個是如何實現的呢?
(, 下載次數: 61)

分類信息每個選擇字段上的背景顏色
我只能寫成一長條
(, 下載次數: 59)

這個是不是需要js配合?

作者: 海哥 時間: 2024-12-19 13:36
我記得好像有個插件可以實現

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

作者: 波多野結衣 時間: 2024-12-19 14:28
目標是多選，你的是一個文本，肯定不一樣

作者: 三姐 時間: 2024-12-19 14:54

波多野結衣發表于 2024-12-19 14:28
目標是多選，你的是一個文本，肯定不一樣

我也是多選

作者: 波多野結衣 時間: 2024-12-19 15:14

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

加個間距嘛，這不是簡單的很

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

作者: 三姐 時間: 2024-12-19 15:23

波多野結衣發表于 2024-12-19 15:14
加個間距嘛，這不是簡單的很

加過了沒用的

作者: 三姐 時間: 2024-12-19 15:24

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

第一個是別的網站上看到的,我去應用商城找找看,我搜過自己改好像要和js結合也能實現,就是不知道怎么搞.
第二個是我自己寫的.

作者: ysx24 時間: 2024-12-19 16:59

三姐發表于 2024-12-19 15:24
第一個是別的網站上看到的,我去應用商城找找看,我搜過自己改好像要和js結合也能實現,就是不知道怎么搞.
...

說的這個吧，不用找了，早就下架了 (, 下載次數: 65)

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

就是CSS罷了

作者: Benisme 時間: 2024-12-19 21:03

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

復制代碼

作者: 三姐 時間: 2024-12-20 08:10

ysx24 發表于 2024-12-19 16:59
說的這個吧，不用找了，早就下架了

作者: 三姐 時間: 2024-12-20 08:30

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

這個我有試過的是可以的,但是我的是動態多選項,而且字段選項比較多,沒選的就不需要顯示

作者: 9527 時間: 2024-12-20 11:35
因為分類信息字段默認是用 分割的，所以CSS無法單選里面的字段，不過可以用JS正則匹配加以包裹每個字段，這樣就可以用CSS去美化各字段了。
例如：
<td id="myTd">無任何限制 對話次數限制 對話字符數限制 關聯歷史對話限制 </td>

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

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

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

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

作者: 三姐 時間: 2024-12-20 12:19

9527 發表于 2024-12-20 11:35
因為分類信息字段默認是用 分割的，所以CSS無法單選里面的字段，不過可以用JS正則匹配加以包裹每個字 ...

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

作者: 波多野結衣 時間: 2024-12-20 21:47

三姐發表于 2024-12-19 15:23
加過了沒用的

有的，我就是這么干的，主體有個類的，用這個類。直接定位到多選哪里。強制一下優先級，最好定義一個類。就可以解決了，最簡單的，別聽他們說的什么js，反而更復雜了，只要是樣式，就沒有一個css解決不了的。

歡迎光臨 Discuz! 官方交流社區 (http://www.9999xn.com/)

久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线