Using jQuery UI on page elements

Question

Is it possible to use the jQuery UI library to apply rounded corners to an element on the page? For example, I've applied some CSS to LI tags so that they look more like buttons and float next to each other. Nothing happens when I apply the following classes to the LI: ui-widget ui-state-default ui-corner-all.

Is it that the styles only apply to jQuery UI elements? Thanks.

Presumably you have loaded the jQuery UI theme CSS file of your choice. You might want to check that its a full theme and doesn't need the base theme loaded first. Check with Firebug to see what style rules are being applied. — tvanfosson
– tvanfosson, Commented Oct 16, 2011 at 14:56

fmsf · Accepted Answer · 2011-10-16 14:55:33Z

1

With jQuery you can apply directly the round corners to your element. You don't need to use jquery ui for that.

$("#elementYouWant").css({
 "-moz-border-radius": "5px"
 "-webkit-border-radius": "5px",
 "-border-radius": "5px"
});

answered Oct 16, 2011 at 14:55

fmsf

37.2k49 gold badges155 silver badges196 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using jQuery UI on page elements

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related