472,804 Members | 1,249 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,804 software developers and data experts.

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

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 5957
Astra wrote:
Is it possible to create a rounded button effect on a standard INPUT

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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

by: Jeff Johnson | last post by:
Hi Everyone, I'm looking for information on how to create a chromeless window with rounded borders. The window will present a question to the user and they can respond by clicking a 'yes' or...
by: Mel | last post by:
how can i have a rounded edge button in my forms using CSS ? thanks Mel
by: Matt | last post by:
I want html regular button is triggered with an enter key. That means, when the user press ENTER key, it will trigger the event in html regular button. I tried the following code, and I realized...
by: Nathan | last post by:
I have an aspx page with a data grid, some textboxes, and an update button. This page also has one html input element with type=file (not inside the data grid and runat=server). The update...
by: Veerle | last post by:
Hi, Suppose having a button or a submit button. Using the normal syntax, being, <input type="button" name="button1" value="value1" class="button"> <input type="submit" name="submit1"...
by: Veerle | last post by:
Hi, When you use multiple asp:Buttons on one Form, then asp.net generates html submit buttons for all of them. When you put your cursor in one of the textfields of the form, the default submit...
by: Atli | last post by:
Introduction At some point, all web developers will need to collect data from their users. In a dynamic web page, everything revolves around the users input, so knowing how to ask for and collect...
by: Arpit Nagar | last post by:
Hi... I am creating a dummy project for collage. Here I had choosen my project as Jewelleryshoping. Now the scenerio is like that thier are jewellry item which I had display in table format with...
by: crystal2005 | last post by:
Hi i encounterd some problem when i implement CSS for rounded Corner table. Need help please... :D <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />...
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 2 August 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM) The start time is equivalent to 19:00 (7PM) in Central...
by: erikbower65 | last post by:
Using CodiumAI's pr-agent is simple and powerful. Follow these steps: 1. Install CodiumAI CLI: Ensure Node.js is installed, then run 'npm install -g codiumai' in the terminal. 2. Connect to...
by: linyimin | last post by:
Spring Startup Analyzer generates an interactive Spring application startup report that lets you understand what contributes to the application startup time and helps to optimize it. Support for...
by: erikbower65 | last post by:
Here's a concise step-by-step guide for manually installing IntelliJ IDEA: 1. Download: Visit the official JetBrains website and download the IntelliJ IDEA Community or Ultimate edition based on...
by: kcodez | last post by:
As a H5 game development enthusiast, I recently wrote a very interesting little game - Toy Claw ((http://claw.kjeek.com/))。Here I will summarize and share the development experience here, and hope it...
by: DJRhino1175 | last post by:
When I run this code I get an error, its Run-time error# 424 Object required...This is my first attempt at doing something like this. I test the entire code and it worked until I added this - If...
by: lllomh | last post by:
Define the method first this.state = { buttonBackgroundColor: 'green', isBlinking: false, // A new status is added to identify whether the button is blinking or not } autoStart=()=>{
by: lllomh | last post by:
How does React native implement an English player?
by: Mushico | last post by:
How to calculate date of retirement from date of birth

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.