ಠ_ಠ
@anonymous
偷偷說
Fri, Jul 7, 2023 3:02 AM
提供一枚噗幣，請問有人遇過前端網頁問題，element UI的checkbox在localhost沒有問題、但上線環境CSS失效的情況嗎

https://images.plurk.com/3Qw0712k2D8MeCZMYRexcQ.png
在本地localhost的時候打勾或沒打勾的狀態都有好好正確顯示
https://images.plurk.com/2Qhbpb1JmVJsyNrEgl2OW4.png
↑但一上線就變成全部都是勾選....

下收我CSS的部分
ಠ_ಠ
Fri, Jul 7, 2023 3:03 AM
.IsCheckedBox .is-checked { (Plurk Paste)
https://images.plurk.com/2WwGjgK0wAfMtNAhbiJA9Y.png
mint2220
Fri, Jul 7, 2023 3:07 AM
先整組CSS拔掉試試看還有沒有這個問題
如果沒套CSS還是這樣全勾就要看看是不是其他地方有bug了
ಠ_ಠ
Fri, Jul 7, 2023 3:20 AM
mint2220: 剛剛測試後發現拔掉是沒問題的 應該是為了改白底所以某段CSS出問題...
ಠ_ಠ
Fri, Jul 7, 2023 3:20 AM
原生的是藍底鉤鉤所以上頭叫我改色，結果看來是我改壞了....
mint2220
Fri, Jul 7, 2023 3:34 AM
ಠ_ಠ: element-ui el-checkbox颜色样式修改_el-checkbox 颜色_lanmengy...
Vue使用 element UI 修改checkbox的默认颜色_#409eff_fail-reques...
我看別人改是直接改background-color指定顏色或色碼，噗主參考看看他們的CSS，改成#ffffff或是white
ಠ_ಠ
Fri, Jul 7, 2023 3:37 AM
mint2220: 有的，原先顏色就是參考這些做的，在localHost看起來也沒問題QQ
mint2220
Fri, Jul 7, 2023 3:40 AM
「注释：不要在加注scoped的style标签中进行修改。（不需要加scoped）」

他文章有一個註記，不知道是不是這個問題
ಠ_ಠ
Fri, Jul 7, 2023 3:42 AM
mint2220: 沒有scoped QQ https://images.plurk.com/5N3dSajtBUu7Mwbux3Ftzf.png
mint2220
Fri, Jul 7, 2023 3:43 AM
或是參考這篇的寫法，直接在標籤那邊定義style
[Bug Report] Using the checkbox group's fill propert...
https://images.plurk.com/5DrzQvLUtkpAStAElHUCIP.jpg
ಠ_ಠ
Fri, Jul 7, 2023 3:50 AM
mint2220: 顏色修改是有成功的，但不知道上線就全部打勾是為什麼....
border已經限定在is -checked內了
mint2220
Fri, Jul 7, 2023 3:52 AM
ಠ_ಠ: 不然就是除了改顏色以外的CSS先都拔掉，一個個加上去看是哪個有影響到
pita6941
Fri, Jul 7, 2023 4:08 AM
照理來說css是沒辦法影響checkbox是否有勾選的吧
mint2220
Fri, Jul 7, 2023 4:15 AM
我覺得比較像是讓那個勾勾全部變成顯示了，印看看checked的內容有哪些
如果印出來只有一個就是那個勾勾的CSS有問題
載入新的回覆