Question

我有一个自定义复选框。

我遇到的问题是，在悬停实际图像区域（可点击是不合适的）如果你试试看，你会看到，...... firebug元素检查员是最好的。

小提琴：http://jsfiddle.net/ozzy/YsbBM/1/虽然精灵没有正常显示。

此处的实际演示：http://sitehelp.com.au/demos/checkbox/

Js：

function setCheckboxDisplay(el){
    var objWrap;
    objWrap = document.getElementById(el.id+"Wrap");
    if(el) {
        if(el.checked) objWrap.className = "styledCheckboxWrap wrapChecked";
        else  objWrap.className = "styledCheckboxWrap";
    }
}

这里有CSS：

    . styledCheckbox
   {
   line-height:20px;
    height:20px;
        width:20px;
    filter:alpha(opacity=0.0);
    opacity:0.0;
    outline:0
   }


. styledCheckboxWrap
{
    position:relative;
    float:left;
    background:url("/images/cbox.png") no-repeat top left;
    width:20px;
    height:20px;
    margin:3px;
}
. wrapChecked{background-position: 0px -20px}
. checkboxLabel{
    float:left;
    cursor:pointer
}

html：

<span id="checkboxWrap" class="styledCheckboxWrap"><input type="checkbox" id="checkbox" onclick="setCheckboxDisplay(this)" class="styledCheckbox" /></span>

复选框1

问题是复选框悬停不是点，对于复选框的宽度和高度。因此，你必须摸索试图获得点击该死的东西的确切位置。我不知道自己做错了什么，但它正在努力修复它。洛尔

请提出任何建议

Answer 1

对于你的jsFiddle问题，将名为“onDomReady”的下拉列表更改为“no wrap（head）”，它将起作用。至于实际问题......你的意思是你不能点击标签来检查框，只有框？因为复选框对我来说非常适合......

复选框问题（可选区域偏移）

1 个答案: