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 style显示按钮“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;属性或内联样式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 UI; font-weight：normal; font-style：normal; font-variant：normal; line-height：normal; text-align：center; 身高：25px; 宽度：120px; display：block ;! important }

如果NAVBUTTON被Id应用于元素，请尝试此代码 #NAVBUTTON { font-size：14px; font-family：Segoe UI; font-weight：normal; font-style：normal; font-variant：normal; line-height：normal; text-align：center; 身高：25px; 宽度：120px; display：block ;! important }

显示：Chrome，Mozilla，IE11中没有css问题

4 个答案: