css styling form fields to have rounded corners

[shamusliketry]

just wondering if anyone has any tips on custom creating the look of a box on a drop-down list. I am creating a registration form that requests the user to choose what state they are from, but I do not like the look of the traditional square box that usually used. Trying to find more of a rounded bullet look style. Any tips or help would be appreciated. Thanks.

 

[BabyJeffy]

I suggest that whatever approach you use, you take the time to evaluate it on both the Mac and Windows platform... taking into consideration Firefox, IE and Safari as a minimum.

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/blog/

http://www.coedit.co.uk/

[/tt]

What is Javascript? FAQ216-6094

 

[Vragabond]

BabyJeffy is right, if you design to style select box, you will need to see how the design is applied across different browsers and OSes. Look here for some comparisons:

http://www.456bereastreet.com/lab/form_controls/select/

Alternatively, you could create a select box via css and javascript -- if it is so important that it matches the design, this might be the way to go:

http://www.easy-designs.net/articles/replaceSelect/

 

[shamusliketry]

Thanks Guys, looks like my issue was dependent on the browser being used. Thanks for the links!