个人中心
gpt4 book ai didi

css - 使用单选输入使 div 通过 CSS 可见

转载 作者：行者123 更新时间：2023-11-28 01:54:55 25 4
gpt4 key购买 nike

我想使用单选输入使 div 在被选中时可见。这是我得到的，但它不起作用。

HTML:

<input type="radio" name="menu" id="btn_commandprompt" value="1"></input>
                <label for="btn_commandprompt"">
                    <div id="btn_commandprompt_design"></div>
                </label>

<div id="commandprompt"></div>

CSS:

    #commandprompt{
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
}


#btn_commandprompt:checked ~ #commandprompt{
    display: block;
}

谢谢

最佳答案 

I have modify your code. its now working...


  <style>
   #commandprompt{
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
}


#btn_commandprompt:checked ~ #commandprompt{
    display: block;
}
  </style>

<body>
<input type="radio" name="menu" id="btn_commandprompt" value="1"> Show Me</input>
<input type="radio" name="menu" id="btn_acceuil" value="1"> Hide Me</input>

<div id="btn_commandprompt_design"></div>

<div id="commandprompt">ooh!!</div>
</body>

关于css - 使用单选输入使 div 通过 CSS 可见，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49698438/

25 4 0
文章推荐： css - div 容器在位置 : absolute 后收缩
文章推荐： javascript - jQuery 布局插件 + AngularJS 选项卡
文章推荐： javascript - 使用 get_categories() 构建动态类别树
文章推荐： jQuery "uniform"插件代码不起作用
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com