I am experimenting with styling an input submit button to resemble a regular hyperlink. Everything looks great using CSS, except for the fact that the underlining is not showing up. Here is my CSS:
input.addemail {
border: 0px;
background-color: #1e2f45;
text-decoration: underline;
cursor: hand;
cursor: pointer;
color: #ffd17d;
}
Is there a way to underline the text (value) of a submit button that will work across different browsers? Or should I consider using an image instead? I want to make sure whatever approach I take works consistently across all browsers, including IE6. Is this even possible?
Another option could be hiding the button and using a hyperlink that, when clicked, submits the form through JavaScript. However, there might be complications if users expect to hit return, which may not function properly if the button is hidden.
Any suggestions would be greatly appreciated.
Thank you