正文 

当前位置： 首页 > 问答 >

在鼠标悬停时制作标签下划线

     2023-02-23     94

关键词：

【中文标题】在鼠标悬停时制作标签下划线【英文标题】：Making label underline on mouse hover 【发布时间】：2014-01-18 15:49:50 【问题描述】：

当我用鼠标输入标签时，我需要在标签下划线。我怎样才能做到这一点？我尝试了几个选项，但没有奏效。谁能告诉我该怎么做？

【问题讨论】：

你有没有尝试过？这是winforms、wpf还是别的什么？ 地铁？表格？ WPF？银光？视窗电话？ ASP.NET？单触？ 对不起，没有提到。我正在开发 WinForms 【参考方案1】：

您可以使用标签的MouseEnter 和MouseLeave 事件来修改使用的Font

private void OnMouseEnter(object sender, EventArgs e)

    label1.Font = new Font(label1.Font.Name, label1.Font.SizeInPoints, FontStyle.Underline); 


private void OnMouseLeave(object sender, EventArgs e)

    label1.Font = new Font(label1.Font.Name, label1.Font.SizeInPoints, FontStyle.Regular);

如果不需要修改字体名称或大小可以直接使用new Font(label1.Font, FontStyle.Underline)

另外，如果需要添加多个样式，可以使用|操作符：

label1.Font = new Font(label1.Font.Name, label1.Font.SizeInPoints, FontStyle.Underline | FontStyle.Bold);

【讨论】：

【参考方案2】：

您可以像这样使用MouseEnter 和MouseLeave 事件：

private void label1_MouseEnter(object sender, EventArgs e)

    label1.Font = new Font(label1.Font, FontStyle.Underline);


private void label1_MouseLeave(object sender, EventArgs e)

    label1.Font = new Font(label1.Font, FontStyle.Regular);

【讨论】：

【参考方案3】：

使用这个。 设置一个新的字体实例

private void label1_MouseHover(object sender, EventArgs e)
        
            label1.Font = new Font(label1.Font.Name, 8, FontStyle.Underline);
            label1.Font = new Font(label1.Font.Name, 8, FontStyle.Bold|FontStyle.Underline);//For Bold Also
           
private void label1_MouseLeave(object sender, EventArgs e)
        
            label1.Font = new Font(label1.Font.Name, 8);

【讨论】：

将鼠标悬停在按钮上时仅更改部分文本

...按钮上时，我希望按钮中文本的字体颜色变为白色且不带下划线。目前，文本颜色仅在您将鼠标悬停在文本本身时才会更改，而在将鼠标悬停在按钮上时不会更改。因此，当您移过按钮时，文本将保持黑色，直到您移过文本。在... 查看详情

将鼠标悬停在菜单项上时如何下划线？

】将鼠标悬停在菜单项上时如何下划线？【英文标题】：Howtounderlineamenuitemwhenhoveroverit?【发布时间】：2020-06-2008:11:16【问题描述】：我现在正在使用WordPress构建以下网站：https://shaveiceberlin.de当我将鼠标悬停在菜单项上时，如何... 查看详情

在 div 鼠标悬停时修改图像

】在div鼠标悬停时修改图像【英文标题】：Modifyimageondivmouseover【发布时间】：2020-07-2813:19:05【问题描述】：我有一张基本卡。当我将鼠标悬停在卡片上时，我希望图像更改其src。当我将鼠标悬停在<img/>标签本身时，我... 查看详情

使用 jQuery 制作动画时失去悬停（不移动鼠标）

】使用jQuery制作动画时失去悬停（不移动鼠标）【英文标题】：LosinghoverwhenanimatingwithjQuery(withoutmovingmouse)【发布时间】：2011-06-2223:18:33【问题描述】：我有这行缩略图，我正在使用jQuery制作动画。这些缩略图中的每一个都有一个... 查看详情

带有链接的 li 内的 span 标签在悬停时移动

...】：2016-03-2923:01:46【问题描述】：我有以下html。当我将鼠标悬停在最后一个li上时，应该会生成一个边框。当我将鼠标悬停在最后一个li上时，其他li正在移动。我已经解决了这两个问题。listitemwidthheightissuefixedwithspaninsideli我无 查看详情

在鼠标悬停时播放 Gif 并在鼠标移出时暂停 Gif 而不替换图像？

】在鼠标悬停时播放Gif并在鼠标移出时暂停Gif而不替换图像？【英文标题】：PlayGifonMouseoverandPauseGifonmouseoutwithoutreplacingimages?【发布时间】：2014-01-0519:24:34【问题描述】：我正在尝试寻找一个代码示例，该示例允许用户在鼠标悬... 查看详情

悬停链接并在 SVG 中更改颜色 [重复]

...当我将鼠标悬停在地图上的某个区域时，链接会从jQ获取下划线类，并且CSS悬停效果会更改地图上的填充颜色。但是当我将鼠标悬停在链接上时，我的SVG区域没有得到填充颜色。 查看详情

Chartjs 在鼠标悬停时显示标签和单位

】Chartjs在鼠标悬停时显示标签和单位【英文标题】：Chartjsdisplaylabel&unitswhenmouseishoverstats【发布时间】：2015-05-1919:55:22【问题描述】：当我的鼠标指针悬停在图表上时，是否可以有标签和单位？目前只有数字。对于下面的示例... 查看详情

鼠标悬停时输入字段更新

】鼠标悬停时输入字段更新【英文标题】：Inputfieldsupdateswhenmouseisover【发布时间】：2017-08-0619:06:53【问题描述】：我制作了一个带有嵌套字段的Angular2模型驱动表单。其中一个字段是数字字段，我正在使用jquery插件来格式化数字... 查看详情

鼠标悬停时突出显示的单词

】鼠标悬停时突出显示的单词【英文标题】：Wordshighlightonmouseover【发布时间】：2014-01-0105:44:58【问题描述】：你知道高亮单词和添加鼠标悬停事件的最有效方法吗？我有文本，我想制作某种单词解释字段，所以当用户将光标放... 查看详情

鼠标悬停时突出显示的单词

】鼠标悬停时突出显示的单词【英文标题】：Wordshighlightonmouseover【发布时间】：2014-01-0105:44:58【问题描述】：你知道高亮单词和添加鼠标悬停事件的最有效方法吗？我有文本，我想制作某种单词解释字段，所以当用户将光标放... 查看详情

更改嵌套 div 内鼠标悬停时的图层颜色

】更改嵌套div内鼠标悬停时的图层颜色【英文标题】：Changecoloroflayersonmouseoverinsideanesteddiv【发布时间】：2018-11-2319:03:26【问题描述】：我有以下html代码，我正在尝试更改div标签的背景颜色，这样当我将鼠标悬停在文本上时，背... 查看详情

将鼠标悬停在图片上时如何在 tumblr 上显示标签？ [关闭]

】将鼠标悬停在图片上时如何在tumblr上显示标签？[关闭]【英文标题】：Howtoshowtagsontumblrwhenyouhoveroverapicture?[closed]【发布时间】：2013-05-0904:51:34【问题描述】：我得到了这个新主题(http://soeststhemes.tumblr.com/casual)，但不幸的是它没... 查看详情

在悬停/选择时缩短 Elementor 菜单下划线

】在悬停/选择时缩短Elementor菜单下划线【英文标题】：ShortenElementormenuunderlineonhover/selection【发布时间】：2020-02-2401:09:54【问题描述】：我想缩短我的Wordpress网站Elementor标题菜单中的“下划线”：Shorteningofheaderunderline-screenshot我... 查看详情

在网页制作中，怎么把图片应用为动态html效果？当鼠标悬停时图片1换成图片2，要怎么设置？

...aver中可以自动设置的工具栏中“插入”-“图片对象”-“鼠标经过图片”如果是用CSS实现的话，可以在需要设置动态效果的标签中使用伪类:hover具体怎么用，就看你对CSS的掌握程度了。PS：该方法不适用于IE6，其他的可以。再有... 查看详情

我可以使用 Tailwind CSS 在悬停时实现带下划线的按​​钮吗？

】我可以使用TailwindCSS在悬停时实现带下划线的按​​钮吗？【英文标题】：CanIachieveanunderlinedbuttononhoverwithTailwindCSS?【发布时间】：2021-07-2302:22:45【问题描述】：我开始学习TailwindCSS并尝试实现下面的按钮。它是一个空白按钮，... 查看详情

如何在悬停而不是单击时制作 Twitter Bootstrap 的“拆分按钮下拉菜单”下拉菜单？

...描述】：我正在使用TwitterBootstrapsplitbuttondropdown。如何在鼠标悬停而不是单击 查看详情

如何在悬停时增加 gwt menuitem

...0-0317:44:38【问题描述】：所以我有一个gwt菜单栏，当我将鼠标悬停在一个项目上时，我希望它增长。问题是当我使用css修改悬停项的高度时，所有的菜单项都得到了效果。因此，当我将鼠标悬停在一个菜单项上时，所有菜单项都... 查看详情