设置默认工具提示的样式

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

看起来您只是向.bootstrap-switch-handle-on元素添加了title属性。随后的“工具提示”是由浏览器生成的，不能设置样式。如果你使用的是Bootstrap，你可以使用他们内置的工具提示，它可以用CSS设置样式。http://getbootstrap.com/javascript/#tooltips