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

尽管我很喜欢Mereller，但我希望能够操纵和替换我的一些jQueryUI组件的css样式，尤其是按钮

我已经成功地更改了字体和大小，但我无法更改背景图像和填充。我查看了主题css文件，希望找到可以覆盖的内容，但似乎没有任何效果

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

.CSS文件

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

<button id="create-user">Create</button>

.xhtml文件

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

<button id="create-user">Create</button>

创建

尝试以下强制操作：

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

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

您还可以在调用

.button（）

后尝试删除某些类。按钮的外观在很大程度上由

ui状态默认值

和

ui角落全部

控制。尝试删除这些，看看自定义类是否开始工作。它还添加了

ui状态悬停

，可能还动态添加了

ui状态活动

---

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

尝试以下强制方式：

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

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

您还可以在调用

.button（）

后尝试删除某些类。按钮的外观在很大程度上由

ui状态默认值

和

ui角落全部

控制。尝试删除这些，看看自定义类是否开始工作。它还添加了

ui状态悬停

，可能还动态添加了

ui状态活动

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

这可能会帮助您：

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

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

在css中进行修改。使用css黑客'！重要信息。

这可能会帮助您：

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

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

---

在css中进行修改。使用css黑客'！重要信息。

这创造了奇迹！尽管jQuery还剩下一些函数，比如在select上突出显示。你知道有什么方法可以去除这些吗？真是太神奇了！尽管jQuery还剩下一些函数，比如在select上突出显示。你知道有什么方法可以去除这些吗？不幸的是我已经尝试过了！之前很重要，但没用。我还希望保留生成的原始CSS文件的完整性，因为这是一个罕见的情况，我想使用自定义样式。已经有一些

！重要信息

原始CSS字段中的规则可能与此冲突。我编辑了我的答案，我确实认为最好自己设计样式，并手动添加可能需要的jQuery UI类。没错，不使用jQuery UI按钮而不是尝试完全更改它会越来越容易。不幸的是，我已经尝试过了！之前很重要，但没用。我还希望保留生成的原始CSS文件的完整性，因为这是一个罕见的情况，我想使用自定义样式。已经有一些

！重要信息

原始CSS字段中的规则可能与此冲突。我编辑了我的答案，我确实认为最好自己设计样式，并手动添加您可能需要的jQuery UI类。您的权利是，不使用jQuery UI按钮而不是尝试完全更改它会越来越容易。