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

来自个人维基
跳转到导航 跳转到搜索
ChineseDolphin留言 | 贡献
无编辑摘要
ChineseDolphin留言 | 贡献
无编辑摘要
 
第1行: 第1行:
<includeonly>
<includeonly>
<div class="click-switch-container" style="display: inline-block; position: relative;">
<div style="display: inline-block; position: relative;">
   <input type="checkbox" id="click-switch-{{{id}}}" class="click-switch-checkbox" style="display: none;">
   <input type="checkbox" id="click-switch-{{{id}}}"  
   <label for="click-switch-{{{id}}}" style="cursor: pointer; display: block;">
        style="display: none;">
     <span class="click-switch-text1">{{{text1|默认文本1}}}</span>
 
     <span class="click-switch-text2" style="display: none;">{{{text2|默认文本2}}}</span>
   <label for="click-switch-{{{id}}}"  
        style="cursor: pointer; display: block;"
        onmousedown="return false;"> <!-- 防止文本选中 -->
   
    <!-- 初始可见文本 -->
     <span id="text1-{{{id}}}" style="display: inline;">
      {{{text1|默认文本1}}}
    </span>
   
    <!-- 初始隐藏文本 -->
     <span id="text2-{{{id}}}" style="display: none;">
      {{{text2|默认文本2}}}
    </span>
   </label>
   </label>
</div>
</div>
<style>
/* 核心修复:添加#前缀到ID选择器 */
#click-switch-{{{id|}}}:checked ~ label .click-switch-text1 {
  display: none;
}
#click-switch-{{{id|}}}:checked ~ label .click-switch-text2 {
  display: inline !important;
}
</style>
</includeonly>
</includeonly>

2025年8月5日 (二) 00:39的最新版本