Link to home
Start Free TrialLog in
Avatar of pixelscape
pixelscape

asked on

Custom button form submit

I am trying to create a simple button for form submission. Pretty simple... however I want to use a specific css sprite button... I have tried a number of variations of the following... this works the best, but I still get a Submit or Submit Query text over the button... thoughts?

<label>
<input type="image" name="submit" id="next" title="" alt="">
<a id="next" title=""></a></input>
</label>
ASKER CERTIFIED SOLUTION
Avatar of Michel Plungjan
Michel Plungjan
Flag of Denmark image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of pixelscape
pixelscape

ASKER

Safari
You can use css also: use <input type='submit'> and give it a class. Then in css file you c write something like this:

.myButton{
  width: 100px;
  height: 24px;
  margin: 0;
  padding-bottom: 4px;
  border: 0;
  cursor: pointer;  hand-shaped cursor
  cursor: hand; /* for IE 5.x */
  background: transparent url('path_to_image') top center no-repeat;
  color:black;
  font-size:11px;
}

Cheers
I just used color: transparent on the buttons css. Thanks!