我有一个关于按钮的HTML片段:
HTML:
<div class="Clear" title="Clear">
<div class="ClearButton">
<button id="reset" type="reset" title="Clear Photos"></button>
</div>
<div class="ClearText">
Clear
</div>
</div>
CSS:
div.ClearButton
{
vertical-align: top;
display: inline-block;
background: url(../CustomControl/buttons.png?ver=365321878) no-repeat scroll -343px -443px rgba(0, 0, 0, 0);
height: 16px;
overflow: hidden;
width: 16px;
}
div.Clear
{
vertical-align: top;
display: inline-block;
overflow: hidden;
cursor: pointer;
padding-left: 2px;
padding-bottom: 6px;
padding-right: 6px;
padding-top: 4px;
}
在某个事件中,我需要完全禁用这个按钮。我尝试了以下代码,但它并没有使按钮失效/灰色,它仍然可以被点击。
var resetBtn = document.getElementById("reset");
resetBtn.disabled = true;
有人建议我应用的CSS导致了这个问题。请建议如何使此按钮不可点击。
.disabled
属性设置为true
应该可以起作用。但是它没有起作用吗?这段代码是否在执行?resetBtn
是否被正确地赋值为一个 DOM 元素? - David