增加鼠标悬停时标题文本的大小

increase size of title text on mouse hover

本文关键字:文本 标题 鼠标 悬停 增加      更新时间:2023-09-26

我想增加锚标记中鼠标悬停的标题标签大小。那么如何将目标定位到title。

<a href="#pop-up-form" rel="wp-video-lightbox" title="Nous contacter" class="a">kesar sisodiya</a>

title文本由浏览器处理,不提供给我们。你可以用JavaScript制作自己的title文本处理程序,但我不认为这是一个很好的解决方案。

不能增加title属性的大小。

你可以尝试使用jQuery提供的工具提示。jQuery工具提示示例

你可以使用一个div,当你将鼠标悬停在文本上时显示。

<div class="custom_title_tag">This is the title</div>

然后用css

设置样式
a:hover .custom_title_tag {
    background:black;
    opacity: 1.0;
}

第一个答案很简单。但是你可以把它放在你想要显示的链接标题的相对位置

看看这个,希望对你有帮助

<>之前一个{颜色:# 000;文字修饰:没有;}答:{徘徊颜色:绿色;位置:相对;}【标题】:徘徊:{后内容:attr(标题);Padding: 4px 8px;颜色:# 000;位置:绝对的;左:0;上图:100%;空白:nowrap;}z - index: 20 px;-moz-border-radius: 5 px;-webkit-border-radius: 5 px;border - radius: 5 px;背景:# ccc;}