大佬教程收集整理的这篇文章主要介绍了jQuery UI Tabs最小样式,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有什么地方可以学习如何提供足够的CSS来使标签工作,@R_742_9447@保留自己的造型?
我不介意最小量的造型有助于很好地安排标签或东西,但背景图像,颜色….他们与我自己的风格冲突真的很糟糕.
<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs"> <ul class="ui-tabs-nav ui-Helper-reset ui-Helper-clearfix ui-widget-header ui-corner-all"> <li class="ui-state-default ui-corner-top ui-tabs-SELEcted ui-state-active"><a href="#tabs-1">Nunc Tincidunt</a></li> <li class="ui-state-default ui-corner-top"><a href="#tabs-2">Proin dolor</a></li> <div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-1"> <p>Tab one content goes here.</p> </div> ... </div>
然后您可以使用jQuery UI CSS Framework documentation查找每个通用类的描述.小部件特定的类没有列出,因为它们很好…每个小部件.
了解这些课程的最佳方法是使用ThemeRoller,或者查看默认主题(for example here),只需查看这些类的CSS,就可以使用它来调整自己的需求,这里是当前基础主题CSS for .ui-tabs- * classes:
.ui-tabs { position: relative; padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: Nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-SELEcted { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-SELEcted a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a,.ui-tabS.Ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-SELEcted a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; BACkground: none; } .ui-tabs .ui-tabs-hide { display: none !important; }
以上是大佬教程为你收集整理的jQuery UI Tabs最小样式全部内容,希望文章能够帮你解决jQuery UI Tabs最小样式所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。