javascript - 禁用在 IE 中有效，但在 Firefox 中无效-6ren

javascript - 禁用在 IE 中有效，但在 Firefox 中无效

转载作者：行者123 更新时间：2023-11-28 16:18:05

这是我的 JavaScript 代码。在加载功能上，我必须禁用 btndelete ..它在 iE 中工作正常，但在 firefox 中，buton 未禁用..我不知道这是 css 问题还是什么？

Javascript

 window.onload = body_Onload;

            function body_Onload()
            {
                    var btnDelete = document.getElementById('<%=btnDelete.ClientID%>');
                btnDelete.disabled = true;
            }

HTML

<asp:Button ID="btnDelete" runat="server" CssClass="cssbutton" Text="Delete" Width="60px" OnClick="btnDelete_Click" />

CSS

.cssbutton
{
    font-weight: bold;  
    border-right: #3C8FD1 1px solid;
    border-top: #3C8FD1 1px solid;
    border-left: #3C8FD1 1px solid;
    border-bottom: #3C8FD1 1px solid;
    font-size: 10px;
    color: #045FA7;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-image: url(../App_Images/cssbuttonbg.gif);
    line-height: 14px;
}

HTML 生成的代码

<input type="submit" name="pageMain$contentPlaceHolderMain$btnDelete" 
    value="Delete" onclick="return btnDelete_Click();"
    id="contentPlaceHolderMain_btnDelete" class="cssbutton" style="width:60px;"/>

最佳答案

这是我根据您的问题和评论中的信息制作的示例页面:

这适用于 IE 和 FireFox。不同之处在于，在 IE 中，该按钮在禁用时呈灰色。在 FireFox 中，该按钮看起来相同，但被禁用。因此，您可能需要为其指定一个类，并且样式对于 FireFox 呈灰色。

<!DOCTYPE html>
<html>
<head>

<script>
function body_Onload()
{
    var btnDelete = document.getElementById('contentPlaceHolderMain_btnDelete');
        btnDelete.disabled = true;
        btnDelete.className += ' btndisabled';
}
</script>
<style>
.cssbutton
{
    font-weight: bold;  
    border-right: #3C8FD1 1px solid;
    border-top: #3C8FD1 1px solid;
    border-left: #3C8FD1 1px solid;
    border-bottom: #3C8FD1 1px solid;
    font-size: 10px;
    color: #045FA7;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-image: url(../App_Images/cssbuttonbg.gif);
    line-height: 14px;
}
.btndisabled 
{
    background-color: rgb(236,233,216);
    color: #CCC;
    font-style:normal;
}
</style>
</head>
<body onload="body_Onload();">
<form>
<input type="submit" name="pageMain$contentPlaceHolderMain$btnDelete" 
    value="Delete" onclick="return btnDelete_Click();"
    id="contentPlaceHolderMain_btnDelete" class="cssbutton" style="width:60px;"/>
</form>
</body>
</html>