css - 如何隐藏DIV后面的复选框

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/