如何修改工具提示内容的字体大小？

Question

我觉得tooltip的内容字体很小。 例如，代码如下：

<span name="explanation" data-toggle="tooltip" title="hello world!"></span>

那么如何修改显示的 'hello world!' 的字体大小当鼠标悬停在 span 元素上时？

Answer 1

首先，在 HTML 头部部分中添加以下代码： 其次，分别使用以下代码在页面上的某处嵌入工具提示

 <style type="text/css">
a.tooltip {
	position: relative;
	text-decoration: none;
	color: blue;
}

a.tooltip span {
	display: none;
}

a.tooltip:hover span {
	position: absolute;
	top: 40px;
        font-size: 40px;
	left: 0px;
	display: block;
	width: 250px;
	color: black;
	background-color: #FFFF40;
	border: 1px solid black;
	padding: 5px;
}
</style>

  <a class="tooltip" href="#">this text<span>This help text is shown in the tooltip. It spans multiple lines and works in all browsers.</span></a>

Answer 2

jQuery Tooltip 是个不错的选择。字体更大，我最喜欢。