jQuery UI按钮:如何覆盖用于单个按钮的类？

Question

我正在使用基于主题的开箱即用的jQuery UI库.

将链接呈现为按钮很棒,但是我需要覆盖一些具有不同颜色的按钮.

如何为要使用的特定按钮指定特定类？

Answer 1

我建议查看CSS的jQuery UI按钮,并复制指定按钮的CSS结构,但是使用自己的类而不是jQuery UI类.在此CSS中创建所需的覆盖,并将其包含在jQuery UI CSS之后.CSS使用最特定的选择器和排序的组合来确定要应用的值.通过这样做,您将确保您对jQuery使用的每个CSS选择器具有相同的特异性,以便您的CSS优先于基于顺序.

Smashing Magazine有一篇文章,可能有更多的信息,而不是你想知道的特殊性问题.

Answer 2

我想说，给特定的一个或多个按钮一个 id，然后：

$("#buttonId").removeClass().addClass("myClass");

如果你想将它应用到多个按钮，每个按钮都有自己的 id：

$("#buttonId, #anotherButton").removeClass().addClass("myClass");