大佬教程收集整理的这篇文章主要介绍了jQuery工具提示插件qtip2 – 如何定义自定义样式,如qtip1?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有人知道如何为工具提示定义自己的自定义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,请注明来意。