468,470 Members | 1,651 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,470 developers. It's quick & easy.

Rounded HTML button/submit?

Hi All

I just want to confirm this once and for all.

Is it possible to create a rounded button effect on a standard INPUT
button/submit?

I know there is the trick where you create a CSS <A> block to display a
background pic of a button and overlay text on it, but there will always be
the time where the button background isn't big enough for the text and I'm
forever tweaking to suit. I don't want to do this.

I know there's the manual way of creating a straightforward IMG pic for each
button instance and putting <A> .. </A> around it (the method I use now),
but this is too laborious.

The beauty of the standard HTML <INPUT> button method is that I can fire a
value at it and the button will auto-grow and centre the text label
automatically for me.

All I need is a way of making this rounded if its possible. Any ideas?

Thanks Robbie
Feb 10 '06 #1
1 5865
Astra wrote:
Is it possible to create a rounded button effect on a standard INPUT
button/submit?


Use a browser which does that by default. Safari is the canotonical
example. I expect you can get the same effect with Konqueror, Firefox
and Seamonkey with certain themes.

CSS 3 drafts propose the border-radius property for which there are
some experimental implementations out there.

Feb 10 '06 #2

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

3 posts views Thread by Jeff Johnson | last post: by
7 posts views Thread by Mel | last post: by
3 posts views Thread by Veerle | last post: by
9 posts views Thread by Veerle | last post: by
reply views Thread by NPC403 | last post: by
1 post views Thread by kmladenovski | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.