【发布时间】:2017-03-01 17:01:21
【问题描述】:
我想更改引导工具提示的默认样式,并且在关注W3Schools 文章之后我能够做到这一点。那篇文章以及其他SO post 建议使用类似下面的内容
/* Tooltip on top */
.test + .tooltip.top > .tooltip-arrow {
border-top: 5px solid green;
}
这意味着我必须在工具提示元素上添加test 类。但我希望所有工具提示都具有相同的样式,所以我决定不添加 test 类
我的工作JSFiddle is here
但是,为了使自定义样式正常工作,我必须使用 javascript 初始化工具
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
如果我删除此 javascript,工具提示仍然有效,但不显示自定义样式。
因此,无论我是否使用 javascript 对其进行初始化,工具提示都有效,但自定义样式仅在使用 javascript 对其进行初始化时才有效。为什么?
【问题讨论】:
标签: twitter-bootstrap-3 twitter-bootstrap-tooltip