Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何更改HTML跨距标题字体大小?_Html_Css - Fatal编程技术网

如何更改HTML跨距标题字体大小?

如何更改HTML跨距标题字体大小?,html,css,Html,Css,我正在尝试更改span title元素的字体大小。我在谷歌上搜索了一个很好的例子,我发现了这个例子: 但即使标题显示在灰色工具提示中,第二个标题也会出现: 我的问题是:如何通过增加字体大小来设置第二个工具提示(黄色)的样式 我的跨度如下所示: <span title=${code} ></span> 我已经测试了你的小提琴,似乎这个问题只发生在FireFox上。只需显示一个框(您可以用CSS编写内容)和浏览器标准标题属性,它们显示在悬停状态 如果您不关心真正的“标题”

我正在尝试更改span title元素的字体大小。我在谷歌上搜索了一个很好的例子,我发现了这个例子:

但即使标题显示在灰色工具提示中,第二个标题也会出现:

我的问题是:如何通过增加字体大小来设置第二个工具提示(黄色)的样式

我的跨度如下所示:

<span title=${code} ></span>

我已经测试了你的小提琴,似乎这个问题只发生在FireFox上。只需显示一个框(您可以用CSS编写内容)和浏览器标准标题属性,它们显示在悬停状态

如果您不关心真正的“标题”属性,您可以使用如下解决方法:

只需更改3行代码:

HTML的输出:

<span title=${code} ></span>

简单地说,我刚刚在“数据标题”属性中更改了“标题”属性。在这种情况下,浏览器不会输出小标题文本,因为它不是标准的“标题”属性。现在你只需要制作一个盒子的样式。

我已经测试了你的小提琴,似乎这个问题只发生在FireFox上。只需显示一个框(您可以用CSS编写内容)和浏览器标准标题属性,它们显示在悬停状态

如果您不关心真正的“标题”属性,您可以使用如下解决方法:

只需更改3行代码:

HTML的输出:

<span title=${code} ></span>
简单地说,我刚刚在“数据标题”属性中更改了“标题”属性。在这种情况下,浏览器不会输出小标题文本,因为它不是标准的“标题”属性。现在你只需要制作一个盒子的样式。

[标题]:悬停:在{
内容:attr(title);
背景:黄色;
填充物:5px;
边界半径:5px;
边框:1px实心;
}
Jayesh Shelar
[标题]:悬停:在{
内容:attr(title);
背景:黄色;
填充物:5px;
边界半径:5px;
边框:1px实心;
}
Jayesh Shelar