在IE中禁用但在Firefox中不可用

這是我的JavaScript代碼。在加載功能，我必須禁用btndelete ..它工程正確的iE但在Firefox中，buton不是dsabled ..我不知道這是一個CSS問題或什麼？在IE中禁用但在Firefox中不可用

的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;"/>

來源

2012-05-26 Nikhil D

按鈕的生成HTML是怎樣的？ – ThiefMaster

–

@尼克希爾 - 對不起，經過FF測試，驗證無法正常工作。 IE與FF混淆。 – jmort253

下面是一個例子網頁我做了，根據您的問題和意見的信息：

這個工作在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>

來源

2012-05-26 10:08:18 staticbeast

雅對我來說工作很好謝謝 –

+1很好的答案！ – jmort253

在IE中禁用但在Firefox中不可用

回答

相關問題