[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