覆盖特定组件上的jQuery UI样式

尽管我喜欢themeRoller，但我希望能够操作和替换我的一些jQuery UI组件的css样式，尤其是按钮。

我已成功改变字体和大小，但我无法更改背景图像和填充。 我在主题css文件中四处寻找希望找到覆盖的东西，但似乎没有任何效果。

有人能给我一些关于如何正确实现以下代码的见解吗？：P

.CSS文件

#create-user .ui-button { background-image: none; } 

.xhtml文件

 Create 

Answer 1

请尝试以下操作强制它：

 #create-user .ui-button { background-image: none !important; } 

手动编辑由themeroller生成的原始CSS文件也可能是一个更好的主意。

您也可以在调用.button()后尝试删除一些类。 按钮的外观很大程度上由ui-state-default和ui-corner-all 。 尝试删除它们，看看你的自定义类是否开始工作。 它还会动态添加ui-state-hover和ui-state-active 。

总而言之，不使用jQuery UI按钮可能更容易，如果它只是一些特殊情况，请尝试自己设置样式。

Answer 2

这可能对您有所帮助：

创建一个新类。 不要编辑现在的类，也可以在其他地方使用。 最好的方法是创建一个新类：

 .button_style{ background:none !important; padding:5px !important; } 

在css中进行修改。 使用css hack’！important’。