Home/ Questions/Q 4078390
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T17:40:05+00:00

I have a browse button that I want to edit. Here is how I

  • 0

I have a browse button that I want to edit. Here is how I made it:

<input type = "file" id = "myBrowseButton" class = "BrowseButtons" name = "Browse"  />

The button looks like you regular browse button but I want it to look like this:
enter image description here

I have been asking around and doing research, and from what I can tell the only (not incredibly long and time consuming) way to edit this would be to find some utility that will do it for me and mess around with that. Where would I be able to find said utility/ is there another (not extremely time consuming) way to edit this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’ve started doing all my form buttons (and many links for that matter) using Jquery’s UI Button functionality. With a relatively small grouping of files, it automatically rounds, styles, and improves functionality while the included Theme Roller system allows you to change styling with a simple, configurable download…or even allows switching on the fly.

    Getting this look is as simple as adding: class="fg-button ui-state-default ui-corner-all" These styles work on other elements too, so you can round divs, images, etc.

    Here’s a primer: http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/

    Once you become familiar with ThemeRoller, it’s even possible to use it to style other elements of your page/app. I have one application that I’ve done entirely this way, so to re-theme the app for a different client I simply generate a new ThemeRoller theme.

    • 0