asp:使用chrome / IE10不显示面板分组文本和边框

时间:2013-07-30 16:17:13

标签: asp.net google-chrome panel asp.net-3.5 internet-explorer-10

我想在chrome中使用asp:Panel:

我的代码很简单:

<asp:Panel ID="pnlLoginErrorMessage" runat="server" style="height:50px; Width:100%;" GroupingText="Panel">
                <asp:TextBox id="tbLoginMessage" onFocus="blur();" style="Width:100%;" TextMode="MultiLine" BorderWidth="0" BorderStyle="None" ReadOnly="true" Wrap="true" runat="Server" />

</asp:Panel>

chrome的结果如下: enter image description here

不显示分组文本,也没有面板边框。 它也发生在IE10中(没有兼容模式)。

为什么?

3 个答案:

答案 0 :(得分:1)

asp:Panel的GroupingText属性is rendered using the FIELDSET and LEGEND elements

Chrome中的LEGEND标记存在已知问题:legend tag and Chrome

答案 1 :(得分:1)

在解决方案中找到"Site.css"文件,并根据您的要求更改"fieldset"类。 请注意,此更改将在应用程序范围内产生影响。

fieldset {
display: block;
border: 1px solid grey !important;
margin: 5px;
padding: 5px;
}
fieldset legend {
    display: block;
}

答案 2 :(得分:0)

我们遇到了同样的问题:我们的解决方案是将LiteralControl直接用于​​fieldset和legend ...