弄月 發表于 2025-8-6 13:30
.tg_no:before
.tg_yes:before

你這個咋用？不過我解決了，用CSS+DIV，不用JS，也沒用SVG模式，這里分享出來吧，留給后面有緣人。
CSS代碼

1. /*板塊收起與展開*/
   
2. .toggle-container {
   
3.   display: inline-block;
   
4.   vertical-align: middle;
   
5.   margin-right: 5px;
   
6. }
   
7. .toggle-checkbox {
   
8.   position: absolute;
   
9.   opacity: 0;
   
10. }
    
11. 
    
12. .toggle-label {
    
13.   cursor: pointer;
    
14.   display: inline-block;
    
15.   -webkit-tap-highlight-color: transparent;
    
16. }
    
17. .toggle-switch {
    
18.   position: relative;
    
19.   width: 33px;
    
20.   height: 18px;
    
21.   background-color: #e0e0e0;
    
22.   border-radius: 11px;
    
23.   box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
    
24.   transition: all 0.3s ease;
    
25. }
    
26. .toggle-switch-handle {
    
27.   position: absolute;
    
28.   width: 16px;
    
29.   height: 16px;
    
30.   background-color: white;
    
31.   border-radius: 50%;
    
32.   top: 1px;
    
33.   left: 1px;
    
34.   box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    
35.   transition: all 0.3s ease;
    
36. }
    
37. .toggle-checkbox:checked + .toggle-label .toggle-switch {
    
38.   background-color: #4285f4;
    
39. }
    
40. .toggle-checkbox:checked + .toggle-label .toggle-switch-handle {
    
41.   transform: translateX(15px);
    
42. }

復制代碼

DIV代碼

1. <!--板塊收起與展開-->
   
2. <div class="toggle-container">
   
3.   <input type="checkbox" id="category_$cat[fid]_toggle" class="toggle-checkbox" checked>
   
4.   <label for="category_$cat[fid]_toggle"
   
5.          onclick="toggle_collapse('category_$cat[fid]');"
   
6.          class="toggle-label">
   
7.     <div class="toggle-switch">
   
8.       <span class="toggle-switch-handle"></span>
   
9.     </div>
   
10.   </label>
    
11. </div></span>

復制代碼

.tg_no:before
.tg_yes:before

換這個就可以了