当我把鼠标移到标签文本上时，如何使标签文本下划线，然后在鼠标离开时使标签文本正常

本文关键字：标签 文本 鼠标 然后 离开 下划线 何使 | 更新日期: 2023-09-27 18:20:38

当我将鼠标移到标签文本上时，我试图使其带下划线。我使用了以下代码。

private void Q1lbl_MouseMove(object sender, MouseEventArgs e)
{
    var font = Q1lbl.Font;
    Q1lbl.Font = new Font(font, FontStyle.Underline);
}
private void Q1lbl_MouseLeave(object sender, EventArgs e)
{
    font.Dispose()     
}

当我把鼠标移到标签文本上时，如何使标签文本下划线，然后在鼠标离开时使标签文本正常

这必须在客户端而不是服务器端完成。您可能希望使用悬停选择器将css类添加到标签中

http://www.w3schools.com/cssref/sel_hover.asp

您可以在类中设置text-decoration: underline;。

这是一把小提琴，用来演奏。

http://jsfiddle.net/xNxDf/

.underlineHover:hover{
    text-decoration: underline;
}

在标记中，您希望添加具有cssClass属性名称的css类

<asp:label id="mylabel" runat="server" text="hover text" cssClass="underlineHover" />

你能用CSS做到这一点吗？如果是，my_element:hover｛text-decoration:underline；｝

请尝试以下代码片段。

CSS

.link:hover{
text-decoration:underline;
}

ASPX-

<asp:Label CssClass="link"></asp:Label>

Label控件用<span>标记包围其内容（除非使用AssociatedControlID属性，在这种情况下，Label控件将呈现<label>标记）。

因此，您可以简单地为标签创建一个样式，它将应用于您的标签。

span:hover {text-decoration: underline;}

如果你想使用特定的span id，那么你可以在你的风格中提到span id

#myspanId:hover {text-decoration: underline;}
相关文章：