Jump to content

Styling Submit Buttons


Manny
 Share

Recommended Posts

I have a form on my site where all the fields are hidden, but I want the submit button to be displayed. Because of this, I want it to appear like a text link. Below is my code:

<input type="submit" value="Play" style="border: 0px; margin: 0px; padding: 0px; background-color: transparent; color: #036; text-decoration: underline; font-size: 12px; font-family: Verdana, Geneva, sans-serif; cursor: pointer;" />

Everything here is fine apart from the underline element. I've searched the web and tried to find a solution but I'm still looking for an answer. Is there anything that I am missing?

Link to comment
Share on other sites

The CSS underline attribute will only underline the contents of the element. You'll have to fiddle with border-bottom.But, why do you need the form in the first place? Why not just pass the values directly through the URL, e.g.:

<a href="play.php?field1=somevalue&anotherfield=3">Play</a>

Unless your form uses POST, of course.

Link to comment
Share on other sites

It's a form consisting of hidden fields and the submit button simply says "Play". When you click this it takes you to a PayPal payment page where my users can make payment for a game we're running.I have seen ways of implementing it as a text link using Javascript, but as you can turn it off in settings I wanted to stay away from it and use CSS. I'll try my luck with border-bottom.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...