如何覆盖jQuery-ui.css样式

Question

8

我已经实现了jQuery-ui选项卡小部件，它运作得很好。然而，它会做一些我不喜欢的样式处理。具体来说，.ui-corner-all是圆形的，但我不想要这个。

覆盖这个样式的“正确”方法是什么？我应该使用主题吗？

是否有一份适合初学者的良好教程，介绍如何使用/创建UI主题？

- mmaceachran

1

http://jqueryui.com/themeroller/ - SLaks

2个回答

2

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

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

- Joseph Woodward

但是这样你就失去了通过CDN加载主题的奢侈。 - Megan Caithlyn

不幸的是，这是真的。这是一个权衡利弊的情况，取决于您尝试修改的程度。 - Joseph Woodward

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Anobik · Accepted Answer

尝试使用important关键词

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

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