0

我一直在尝试让自定义复选框与我的网站一起使用。但是，我在 HTML 的特定部分遇到了一个令人费解的问题。

这是我当前的代码：HTML

<div class="quicklinks_login">
    <label for="cookieuser" style="padding-left: 7px;"><input type='checkbox' name='cookieuser' value='1' tabindex='10' id='cb_cookieuser_navbar' accesskey='c' />&nbsp;Remember Me</label>
</div>

CSS

input[type="checkbox"] + label,
label > input[type="checkbox"] {
    background: url("../images/override/state_off.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
}

现在，正如您从我的 CSS 中看到的那样，我有两个想要设置样式的模式。标签 > input[type="checkbox"] 'pattern' 应该应用于我的 HTML（根据 FireBug，它就是这样）。但是，自定义图像不会与复选框一起显示。

总而言之，我的问题很简单：为什么“模式”label > input[type="checkbox"]不适用于我的 HTML？

4

2 回答 2

1

如果您愿意，可以仅使用 CSS 自定义复选框和单选按钮。https://www.google.com/search?q=css%20only%20custom%20checkbox。基本思想是设置标签样式并隐藏实际的复选框。单击标签设置/取消设置复选框，因此保留所有表单功能。唯一的缺点是旧版本的 IE 需要一个优雅的回退，这是大多数解决方案提供的。

于 2013-08-06T00:25:19.747 回答
1

这是浏览器倾向于不让您设置太多样式的元素之一，并且大多数人用 javascript 替换它。

@levente-nagy对SO的回答

于 2013-08-06T00:13:20.500 回答