css - How to override jQuery-ui.css styles

Question

I've implemented the jQuery-ui tabs widget and it works great. However, it does some style things I don't like. Specifically the .ui-corner-all is rounded, and I don't want that.

What is the "correct" way to override this. Should I use a theme?

Does someone have a good beginner tutorial on how to use/create ui themes?

Answer 1

尝试使用重要的

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

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

Answer 2

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

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