如何覆盖jQuery-ui.css样式

时间:2013-09-29 18:40:06

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

我已经实现了jQuery-ui tabs小部件,效果很好。但是,它做了一些我不喜欢的风格。特别是.ui-corner-all是圆形的,我不希望这样。

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

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

2 个答案:

答案 0 :(得分:9)

尝试使用重要的

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

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

答案 1 :(得分:2)

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

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