出现错误时显示标签(HTML CSS)
本文关键字:HTML CSS 标签 显示 错误 | 更新日期: 2023-09-27 17:59:32
当有错误的信息时,我会尝试显示一个标签。为此,我尝试这个代码:
C#
protected void Button1_Click(object sender, EventArgs e)
{
try
{
loginmethod(txt_us.Text, txt_pwd.Text);
Response.Redirect("WebForm1.aspx");
}
catch( Exception )
{
Label1.Text = ("Wrong info");
}
}
CSS
.info {
border-color:#F7281E;
background-color:#F8D8D7;
color: #ec3309;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
display:none;
}
HTML
<asp:Label ID="Label1" class="info" runat="server" Text=""></asp:Label>
当我尝试上面的代码,然后当我在文本框中尝试错误的信息时,标签不显示,我如何显示标签?
当我删除display:none
时,具有该颜色的背景#F7281E;
显示在页面上
有什么解决方案吗?
默认情况下,您可以通过将标签的Visible
属性设置为false
:来隐藏标签
<asp:Label ID="Label1" class="info" runat="server" Visible="false" />
并在必要时使其可见:
catch( Exception )
{
Label1.Visible = true;
Label1.Text = "Wrong info";
}
要做到这一点,您应该从CSS样式中删除display: none;
。
从CSS中删除背景色并通过代码应用。
在代码中:
Label1.BackColor = '#F8D8D7';
在CSS中
.info{
border-color:#F7281E;
color: #ec3309;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
display:none;
}