css - 如何更改 YUI 工具提示的 CSS 样式？

Question

我在 YUI 页面上看到了一个关于更改面板样式的示例。但我想更改我网站上所有工具提示（而不是其他面板）的样式。我所有的工具提示都不在一个特定的 DIV 中，因此在 div 中更改 YUI 面板样式对我不起作用。

有小费吗？

Answer 1

看起来 YUI 工具提示将该类添加yui-tt到所有工具提示中。您可以通过将其用作共同祖先来设置工具提示的样式，即

.yui-tt .bd {
    /* Styles here... */
}

Answer 2

我将配置器的样式表（已经包含默认皮肤（sam.css））加载到我的应用程序的头部，然后是我自己的样式，因此它们可以立即渲染。但是，正如您所提到的，YUI 加载器随后将覆盖您的样式。

如果你加载了很多模块或者做了很多样式声明并且不想在每个之后都写 !important，添加选项

skin : {defaultSkin: ''}

到您的装载机配置。这也将为您的用户节省一点带宽并加快渲染速度。

另请注意，IE6 无法识别 !important，因此它不适用于该浏览器。

希望有帮助。