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

2023年12月4日 177次阅读

情况

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

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

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

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

更新

07.04

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

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

07.05

最佳答案 我看到了问题,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 */

希望这可以帮助 😉

点赞