顯示：Chrome，Mozilla，IE11中沒有CSS問題

Question

我在頁面中的“關閉”按鈕上遇到了問題。 以下是css文件中為按鈕應用的css。

NAVBUTTON {
font-size: 14px;
font-family: Segoe UI;
font-weight: normal;
font-style: normal;
font-variant: normal;
line-height: normal;
text-align: center;
height: 25px;
width: 120px;
}

呈現頁面時，由於按鈕在頁面中不可見，因此添加了如下所示的其他CSS元素樣式。

element.style {
display: none;
}

我在IE11，Chrome，Mozilla瀏覽器中遇到此問題。

我可以在IE 10和其他較低版本中看到關閉按鈕。

我找到了一些禁用瀏覽器中的javascript並打開網頁的答案，但是如果禁用javascript，將無法呈現頁面。

使用同一按鈕添加其他問題

我已經解決了使用display：block！important css樣式顯示按鈕“ Close”的問題。

我面臨着一個新問題：單擊按鈕時， 未執行任何操作 。

指定為window.top.close的OnClick操作。

<input class="CloseButton" type="button" id="CloseButton" value="Close" onclick="window.top.close();">

理想情況下，單擊按鈕時，窗口應關閉或彈出確認框。

與上一期一樣，我在IE11，Chrome和Mozilla瀏覽器中看到了此問題。

關閉功能在IE 10和其他較低版本中正常運行。

這兩個問題都相關，並且是由於使用了任何jQuery（jquery-1.7.1.js）。

Answer 1

一些Jquery正在這樣做：-嘗試這樣做：-

.NAVBUTTON {
display: block!important;
}

Answer 2

請檢查btnId.Visible = false;代碼，以查看按鈕是否具有btnId.Visible = false; 屬性或內聯樣式Visible="false" 。 另外，請檢查是否通過javascript / jquery隱藏了按鈕的可見性。 除此之外，沒有其他原因。

Answer 3

您缺少類或ID選擇器(. or #)

通過看到此：

element.style {
display: none;
}

它是由某些腳本引起的，因此請嘗試使用display: block; 到你的按鈕

jQuery解決方案：

$('.NAVBUTTON').css('display','block','important');

---

還要確保您沒有錯過. 或#在CSS中的NAVBUTTON中。

Answer 4

如果NAVBUTTON是應用於元素的類，請嘗試以下代碼
.NAVBUTTON {font-size：14px; font-family：Segoe用戶界面； font-weight：正常； 字體樣式：正常； 字體變化：正常； 行高：正常； 文本對齊：居中； 高度：25px； 寬度：120像素； display：block;！important}

如果將NAVBUTTON應用於元素，請嘗試以下代碼#NAVBUTTON {font-size：14px; font-family：Segoe用戶界面； font-weight：正常； 字體樣式：正常； 字體變化：正常； 行高：正常； 文本對齊：居中； 高度：25px； 寬度：120像素； display：block;！important}