jQuery UI - 添加第二个按钮类型

Question

我正在使用 jQuery UI 来设计网站样式。我想要做的是添加另一种比“普通”按钮类型更突出的按钮类型。因此，对于所有按钮，如表单提交等。我想使用主题的“默认”样式，但我想制作一个新的按钮类别，它具有不同的颜色并且更大。

理想情况下，我不想更改我拥有的 jQuery CSS 和 js。我查看了生成的 CSS，看起来我必须复制很多东西才能放入我的第二个类中，然后我必须以某种方式将所有这些类应用到我想要在第二个按钮中设置样式的元素风格。

有没有一种方法可以轻松地将小部​​件样式添加到 jQuery UI，“继承”现有的小部件样式，并且只是覆盖一些属性？谢谢。

Answer 1

你有 ThemeRoller对于 jqueryUI，您可以在其中设计自己的自定义主题。这是最简单的方法。

否则，如果我想使用自定义按钮而不是 jqueryUI 附带的按钮，我要做的是选择默认的 jquery 按钮样式(假设该类是 .ui-button)并创建一个更高指定的选择器并仅更改我需要不同的设置(通常是背景图像、填充、边框 - 你不想更改与布局相关的 css，因为它会弄乱你的小部件)。

类似于:

.ui-button {default jquery css style}
.my-custom-form .ui-button {my custom css style}

它会覆盖你的风格。您需要注意的是您的选择器比 jqueryUI css 文件中的选择器更强大。你可以把它放在你的 .css 中，如果它在默认的 css 中看起来很乱。我通常有一个 div 来包装我的输入字段或一个按钮容器，并向它添加一个自定义 id 或类，然后使用该类/id 来设置我的按钮的样式。