Question

<div style="padding-top:5px; overflow:hidden; font-size:13px;">
    <div style="float:left;">
        <div style="background-color:blue; width:20px;">
            <input type="checkbox" id="rememberme" style="z-index:-1;" />
        </div>
    </div>
    <div style="float:left;">
        Remember Me
    </div>
    <div style="float:right;">
        <a href="" id="forgotpassword"> Forgot Password ? </a>
    </div>
</div>

我想隐藏父DIV后面的复选框。

我尝试了VISIBILITY:HIDDEN;的复选框，但是我想制作一个jQuery函数，我点击这个复选框就会发生一些事情，但是当它被隐藏时它没有发生，当我再次显示它时，它工作，所以我不想使用HIDDEN，但我想把它放在div后面，所以它没有出现。

此代码无效，我使用z-index=-1，后来z-index:20用于父DIV，但它不起作用：（

Answer 1

您不需要隐藏div后面的复选框。

尝试在元素上使用display:none;：

#rememberme {
    display: none;
}

Answer 2

是阿里，现在您可以自定义复选框，这里是示例http://jsfiddle.net/chanduzalte/7rSug/3/

如何隐藏DIV背后的复选框

2 个答案: