Have a look at this excellent article by the folks at The Filament Group http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/
I would do what they do: create your own CSS classes to do this. They use a "fg-" prefix in the class names. Note their link button is vertically smaller -- just play with the padding to suit your needs, but do so in your own classes. **--** Steve On Mar 6, 6:16 am, Tarjei Huse <[email protected]> wrote: > Hi, I'm trying to style a "button like" link and a button the same way > using the theme framework, but the button and the links do not look the > same at all. > > <a class="ui-state-default ui-corner-all" href="#">Link</a> > <input id ="save" name="save" value="Save" class="ui-state-default > ui-corner-all" type="submit" /> > > Does anyone have any input on how I should "reset" the input element to > get this to work? > > I tried creating an extra "button" class for this: > input.button, a.button { font-size: 100%; padding:3px 5px 3px 5px; > margin: 0; } > > In firefox, the fontsize setting fixes some of the things, but I cannot > get the button padding to match. Any tips? > > kind regards, > Tarjei --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
