How to override jQuery-ui.css styles

css jquery-ui jquery-ui-theme
mmaceachran picture mmaceachran · Sep 29, 2013 · Viewed 12.5k times · Source

I've implemented the jQuery-ui tabs widget and it works great. However, it does some style things I don't like. Specifically the .ui-corner-all is rounded, and I don't want that.

What is the "correct" way to override this. Should I use a theme?

Does someone have a good beginner tutorial on how to use/create ui themes?

Answer

Anobik picture Anobik · Sep 29, 2013

try using important

.ui-corner-all{
border: 0px !important;
}

in custom style sheet or head of the doc.

Related questions

How to apply multiple jQuery UI themes

Does anyone have any techniques/tips/tricks to help me organize and implement multiple jQuery UI themes in one application? I have resulted to using !important as it seems to be the surest way to force style overrides - but …

Read More
How do I apply jQuery UI styles to normal form elements, like input and select tags?

Maybe I'm missing something, but after reading the jQuery UI docs, I don't see anything about applying theme styles to normal widgets, like input and select tags. After calling button() on buttons and datepicker() on input tags that will pick …

Read More
Slide right to left?

How can I have a div go from collapsed to expanded (and vice versa), but do so from right to left? Most everything I see out there is always left to right.

Read More