出现错误时显示标签(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;显示在页面上

有什么解决方案吗?

出现错误时显示标签(HTML CSS)

默认情况下,您可以通过将标签的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;
}