jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery工具提示插件qtip2 – 如何定义自定义样式,如qtip1?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用伟大的 jquery工具提示插件qtip 2.如果你还没有,请查看它. @H_502_7@http://craigsworks.com/projects/qtip2/

有没有人知道如何为工具提示定义自己的自定义css(工具提示颜色,边框,背景,半径等),而不是使用他们预定义的工具提示样式?

我尝试了什么:

>我查看了他们的风格指南,但它没有定义自己的风格. http://craigsworks.com/projects/qtip2/docs/style/@H_502_7@>试过他们的论坛,但他们失败了(@R_616_10975@)@H_502_7@>创建我自己的工具提示类并引用它们@H_502_7@>转换我的qtip版本1样式定义(失败)

如果这个问题对你有帮助,请告诉我!

解决方法

我把它放在我的样式表中.使用任何属性,你需要……

.ui-tooltip .ui-tooltip-content,.ui-tooltip p,.ui-tooltip ul,.ui-tooltip li,.ui-tooltip,.qtip {
    max-width: 280px;
    min-width: 50px;
    font-size: 17px;
    line-height: 19px;
    text-align: center;
    border-color: #666;
}

您也可以通过从jquery.qtip.css表中拉出一个并编辑它来创建自己的.使用mystyle的方式与预定义的qTip2样式相同.

/*! mystyle tooltip style */
.ui-tooltip-mystyle .ui-tooltip-titlebar,.ui-tooltip-mystyle .ui-tooltip-content{
    border-color: #303030;
    color: #f3f3f3;
}
.ui-tooltip-mystyle .ui-tooltip-content{
    BACkground-color: #505050;
}

.ui-tooltip-mystyle .ui-tooltip-titlebar{
    BACkground-color: #404040;
}

.ui-tooltip-mystyle .ui-tooltip-icon{
    border-color: #444;
}

.ui-tooltip-mystyle .ui-tooltip-titlebar .ui-state-hover{
    border-color: #303030;
}

大佬总结

以上是大佬教程为你收集整理的jQuery工具提示插件qtip2 – 如何定义自定义样式,如qtip1?全部内容,希望文章能够帮你解决jQuery工具提示插件qtip2 – 如何定义自定义样式,如qtip1?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。