模板:Click-switch：修订间差异

@@ 第1行： / 第1行： @@
 <includeonly>
 <div class="click-switch-container" style="display: inline-block; position: relative;">
-   <!-- 添加了id必填检查 -->
+   <input type="checkbox" id="click-switch-{{{id}}}" class="click-switch-checkbox" style="display: none;">
-  {{#if: {{{id|}}}
+   <label for="click-switch-{{{id}}}" style="cursor: pointer; display: block;">
-    | <input type="checkbox" id="click-switch-{{{id}}}" class="click-switch-checkbox" style="display: none;">
-    | <strong style="color:red">错误：未提供id参数!</strong>
-  }}
-   <label for="click-switch-{{{id|}}}" style="cursor: pointer;">
      <span class="click-switch-text1">{{{text1|默认文本1}}}</span>
-     <span class="click-switch-text2">{{{text2|默认文本2}}}</span>
+     <span class="click-switch-text2" style="display: none;">{{{text2|默认文本2}}}</span>
    </label>
 </div>
 <style>
-/* 初始状态隐藏text2 */
+/* 核心修复：添加#前缀到ID选择器 */
-.click-switch-text2 { display: none; }
+#click-switch-{{{id|}}}:checked ~ label .click-switch-text1 {
+  display: none;
-/* 选中状态显示text2，隐藏text1 */
+}
-#click-switch-{{{id|}}}:checked ~ .click-switch-text1 { display: none; }
+#click-switch-{{{id|}}}:checked ~ label .click-switch-text2 {
-#click-switch-{{{id|}}}:checked ~ .click-switch-text2 { display: inline; }
+  display: inline !important;
+}
 </style>
 </includeonly>

2025年8月5日 (二) 00:38的版本