[thelist] Forms with rounded corners

Robert Vreeland vreeland at studioframework.com
Tue Oct 19 18:23:24 CDT 2004


Try assigning the background image to a class like
.inputwithimage{ border: #FFF 0px; backround: url(grfx/rounded.gif) #fff; }

then set the class attribute on the input field,
<input type="text" class="inputwithimage"

Pseudo classes don't seem to work well with input elements.
Robert
vreeland at studioframework.com
----- Original Message ----- 
From: "Rob Smith" <rob.smith at THERMON.com>
To: <thelist at lists.evolt.org>
Sent: Tuesday, October 19, 2004 6:00 PM
Subject: RE: [thelist] Forms with rounded corners


> >Has anyone seen or done forms that has round corners on text
> >inputs (HTML forms, not Flash ones)?
>
> You might be able to simulate it with CSS. Set the border to 0px and
setting
> a background image of the rounded corners.
>
> input { border: #FFF 0px; backround: url(grfx/rounded.gif) #fff; }
>
> I was able to hide the input border completely, but the image didn't come
up
> correctly. If you can, I'd like to know too.
>
> Rob
> -- 
>
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
>
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !



More information about the thelist mailing list