如何更改YUI工具提示的CSS样式?

时间:2009-06-01 19:36:53

标签: css yui tooltip

我在YUI页面上看到了一般关于更改面板样式的示例。但是我想在我的网站上更改所有工具提示(而不是其他面板)的样式。我的所有工具提示都不在某个DIV中,因此更改div中的YUI面板样式对我来说不起作用。

任何提示?

2 个答案:

答案 0 :(得分:1)

看起来YUI工具提示将类yui-tt添加到所有工具提示。您可以使用它作为共同的祖先,即

来设置工具提示的样式
.yui-tt .bd {
    /* Styles here... */
}

答案 1 :(得分:1)

我在我的应用程序的头部加载配置器的样式表(已包含默认外观(sam.css)),然后是我自己的样式,因此它们已准备好立即呈现。但是正如您所提到的,YUI加载器随后将覆盖您的样式。

如果您加载了很多模块或制作了大量的样式声明并且不想在每个模块之后写入!重要,请添加选项

skin : {defaultSkin: ''}

到您的加载程序配置。这样还可以为用户节省一点带宽,从而加快渲染速度。

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

希望有所帮助。