提供默认的CSS样式的最佳方法是什么,该样式被JQuery UI覆盖,而没有脚本场景?
-
28-09-2019 - |
题
例如:我有一个寻呼机 << 1 2 3 4 5 6 7 8 >>
在我的页面中,每个导航元素都是普通的HTML链接。对于启用JS的现代浏览器,我想美化它们 jQuery的.button(). 。但是我想为NoScript方案提供一些东西。显然,我应该为链接添加一些CSS样式,但是我怎么知道Custom CSS不会搞砸JQuery的样式?
这是一个不必要的问题吗? jQuery是否提供了一些功能来清理任何以前的元素样式?
解决方案
使用jQuery UI自己的样式表。看他们 框架的文档- 它非常简单。
在使用JQuery UI的CSS框架的许多专业中,有:健壮和跨浏览器兼容CSS。坚固的错误文件流(如果有)。如果您决定更改应用程序的配色方案;您需要做的就是用新的 主题卷 一个或一个与jQuery UI捆绑在一起的标准主题之一。
不用说; jQuery UI不能覆盖/Frack它自己的CSS。而且,您将获得一个打印机,在启用JavaScript的情况下看起来相同。
提示:如果您没有时间阅读JQuery UI CSS框架文档;采用 火焰 (Mozilla Firefox附加组件)检查jQuery UI生成的HTML并将其应用于您的无标记。
更新
刚刚检查了一个链接到按钮。这是JQuery UI的Buttton插件生成的标记:
<a href="#" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
<span class="ui-button-text">An anchor</span>
</a>
其他提示
一个简单的解决方案可能是将类应用于在NoScript方案中使用的Pager,并在设置按钮后使用JavaScript删除该类。
不隶属于 StackOverflow