Using jQuery UI on page elements


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.

Problem courtesy of: Alex


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

 "-moz-border-radius": "5px"
 "-webkit-border-radius": "5px",
 "-border-radius": "5px"
Solution courtesy of: fmsf


There is currently no discussion for this recipe.

This recipe can be found in it's original form on Stack Over Flow.