jQuery Aristo主题删除了工具提示的风格

时间:2013-07-04 11:30:10

标签: jquery jquery-ui jquery-ui-theme jquery-ui-tooltip

情况


我使用Aristo作为我的jQuery UI主题。它工作得很好,但是当它显示工具提示时,它们覆盖了100%的页面宽度。

我没有其他主题的这个特殊问题。所以我检查了Aristo.css,遗憾的是我没有找到任何与工具提示宽度有关的内容。

以下是我初始化jQuery工具提示的方法:

jQuery(document).ready(function() {
}).tooltip();

更新


07.04

似乎Aristo只为jQuery工具提示完全删除了样式。默认工具提示工作正常。

因此工具提示的默认宽度为100%,也没有填充。

07.05

Image showing the issue

1 个答案:

答案 0 :(得分:2)

我发现问题,Aristo主题不会删除工具提示的样式。实际上它不提供工具提示的CSS样式,这就是缺少样式的原因。

所以你至少应该把它添加到你的css文件中:

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
    border-width: 2px;
}
/* Copied from jQuery UI css */

希望这会有所帮助;)