使用引導程序時，Firefox不遵守HTML5「隱藏」屬性

按鈕「刪除我的帳戶」應該從第二個按鈕中刪除HIDDEN類，因此在點擊後顯示第二個按鈕。它完美地實現了這一點，但即使設置了HIDDEN屬性，Firefox也會顯示該按鈕。點擊後，它會更新第二個按鈕並刪除屬性，但顯示保持不變，因爲Firefox仍然希望以任何方式顯示按鈕。我需要第二個按鈕才能在第一個按鈕被點擊後顯示，但是Firefox已經嚇壞了，爲什麼會這樣呢？使用引導程序時，Firefox不遵守HTML5「隱藏」屬性

預點擊 點擊後

來源

2015-10-07 Wargog

也許而不是'hidden'嘗試用'display：none'添加/減去一個類？ [MSDN]（https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden）提到設置任何顯示屬性都會覆蓋'hidden'。 –

當'hidden'出現時，您能否顯示''的所有計算樣式？就是想。 – Joseph

我知道了，使用顯示器：沒有工作，因爲Bootstrap覆蓋隱藏的屬性，因爲我使用彈性盒 – Wargog

自舉，顯示值已經在引導的CSS設置，所以設置隱藏的剛剛在Firefox改寫，因爲顯示器需要一個屬性優先於隱藏屬性。因此，在第一個按鈕的onclick上使用document.getElementById('buttonConfirmDelete').removeAttribute('style');，然後刪除包含另一個按鈕的display: none的樣式，然後顯示它。

來源

2015-10-07 01:04:40 Wargog

噓，我應該回答，並得到他們甜點。：p很高興聽到它解決了！ –

哈哈對不起，當我在你的評論中看到'display：none'時，我知道'哦，廢話，Bootstrap在加載時設置顯示值，呃！' – Wargog

使用引導程序時，Firefox不遵守HTML5「隱藏」屬性

回答

相關問題