我一直在尝试让自定义复选框与我的网站一起使用。但是,我的 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' /> 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?
最佳答案
如果愿意,您可以仅使用 CSS 自定义复选框和单选按钮。 https://www.google.com/search?q=css%20only%20custom%20checkbox .基本思想是设置标签样式并隐藏实际的复选框。单击标签设置/取消设置复选框,因此保留所有表单功能。唯一的缺点是旧版本的 IE 需要优雅的回退,大多数解决方案都提供了这一点。
关于HTML/CSS 自定义复选框按钮图像问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18069779/