jQuery UI button: How do I override the classes used for a single button?

Question

I am using the jQuery UI library out of the box, based on a theme. Having links rendered as buttons is great, however I need to override some buttons with different colours. How do I specify an specific class for a particular button to use?

Accepted Answer

I would say, give the particular button or buttons an id, and:

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

If you want to apply it to multiple buttons each with its own id:

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

jQuery UI button: How do I override the classes used for a single button?

Solution

Problem