显示: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显示按钮"关闭"的问题！重要的css样式。

我面临一个新问题：单击按钮时，没有执行任何操作。

OnClick操作以window.top.close.形式给出

<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;属性或内联样式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是应用于元素的类，请尝试此代码
。导航按钮{字体大小：14px；字体家族：Segoe UI；字体重量：正常；字体样式：普通；字体变体：正常；线路高度：正常；文本对齐：居中；高度：25px；宽度：120px；显示：块；！重要的}

如果NAVBUTTON的Id应用于元素，请尝试此代码#导航按钮{字体大小：14px；字体家族：Segoe UI；字体重量：正常；字体样式：普通；字体变体：正常；线路高度：正常；文本对齐：居中；高度：25px；宽度：120px；显示：块；！重要的}