如何覆盖jQuery UI小部件样式并保持功能

Question

我正在使用jQuery UI进行内部应用程序.

---

我正在寻找一种简单的方法来删除jQuery UI在给定的小部件实例上提供的所有样式信息.我对任何事情都持开放态度,但可重复使用的JavaScript解决方案将是完美的.绝对必要的是不丢失任何功能.

最重要的是删除了所有背景图像,我保持布局样式.

理想情况下......

$tabs = $("#someElement").tabs();
$tabs.removeStyles();

但我愿意允许我以灵活的方式修改小部件样式.

最终目标是尽可能多地控制样式

Answer 1

为了覆盖jquery-ui css,请使用!important标记.

.ui-dialog {
  background-color: black !important;
  }