【问题标题】:How to override jQuery-ui.css styles如何覆盖 jQuery-ui.css 样式
【发布时间】:2013-10-05 14:00:54
【问题描述】:

我已经实现了 jQuery-ui 选项卡小部件,它运行良好。但是,它会做一些我不喜欢的风格。特别是 .ui-corner-all 是四舍五入的,我不希望这样。

覆盖它的“正确”方法是什么。我应该使用主题吗?

有人有关于如何使用/创建 ui 主题的好的初学者教程吗?

【问题讨论】:

标签: css jquery-ui jquery-ui-theme


【解决方案1】:

尝试使用重要

.ui-corner-all{
border: 0px !important;
}

在自定义样式表或文档头中。

【讨论】:

    【解决方案2】:

    我建议不要尝试手动覆盖 JQuery UI 的样式,而是选择使用 JQuery UI's ThemeRoller 页面。

    使用 ThemeRoller 修改主题将确保对未来升级的最大兼容性,而不是覆盖某些样式只是为了让它们在下次尝试升级到更新版本的 JQuery UI 时发生更改或冲突。

    【讨论】:

    • 但是你失去了通过 CDN 加载主题的奢侈。
    • 不幸的是,这是真的。这是一个根据您尝试修改的程度来权衡利弊的案例。
    猜你喜欢
    • 1970-01-01
    • 2017-09-08
    • 1970-01-01
    • 2011-11-08
    • 2015-09-18
    • 2015-12-18
    • 1970-01-01
    • 2015-06-22
    • 2011-03-30
    相关资源
    最近更新 更多