Question

我在使用Mozilla上的复选框时遇到了一些问题。复选框（在http://apespark.com/formifyPro/examples/login.html上）在Chrome上完全正常，但在Mozilla上它看起来像默认复选框。我尝试添加-moz-appeareance: none，但因为它似乎没有读取伪（::before和::after）元素。我真的无法理解，也不明白为什么它没有显示出来。

Answer 1

你应该设置标签的样式而不是输入字段。

label {
    display: inline-block;
    cursor: pointer;
    // your styles here for text.

}
label:before {
    content:"";
    // styles here for the actual checkbox
}
input[type=checkbox] {
    display: none;
}
input[type=checkbox]:checked + label:before {
    content:"";
    // styles here when checkbox is checked
}

为了安全起见，你应该像包装标签一样改变你的html

<label><input /></label>

引用一个像这样的

<input id="myInput" />
<label for="myInput"></label>

问候timotheus

复选框Mozilla跨浏览器问题

1 个答案: