设置默认工具提示的样式

Question

使用jQuery，我在html中实现了工具提示。现在我想设置工具提示的样式。

我该怎么做？

我的工具提示的JavaScript代码是这样的：

$('.bootstrap-switch-handle-on').hover(function () {
    $(this).css('cursor', 'pointer')
           .attr('title', 'This is a hover text.');
}, function () {
    $(this).css('cursor', 'auto');
});

谢谢

Answer 1

看起来您只是将 title 属性添加到 .bootstrap-switch-handle-on 元素。 随后的"工具提示"由浏览器生成，无法设置样式。 如果您使用的是Bootstrap，则可以使用其内置的工具提示，该工具提示可以使用CSS进行样式设置。 http://getbootstrap.com/javascript/#tooltips