How can I create a CSS style to make Rounded Text Input boxes?

Question

I'm working on a website and would like it to have its text-input boxes to have rounded corners. I can do it in a table, but I'd like to be able to do it with CSS so the look of the input box goes throughout the site.

What I have now is a 3x3 table, with the outside cells making up the border, and the inside cell being the input box. My graphics are such that the left and right middle cells are the "rounded" parts (think "(" and ")") and the top-middle and bottom-middle cells are actually 1x1 pixel graphics (the intent being that I can use this for a short input [ie, "age",] or a longer input type [street address] without having to create new graphics for each possible text-input-box length.) The four remaining cells (the corners) have transitionary graphics (that help the border go from the curved sides to the straight tops and bottoms.)

My table-based one is located at http://oddshift.com/rctest/ so you can check it out and let me know if what I'd like to do is possible.
Tnx!

Answer 1

there's not really a way to do this by just redefining the input tag - you still need to suround your input with some extra DIVs - there's a lot of article out there about CSS and Round corners - hope the below helps

Answer 2

you are able to try this effect in some diverse methods. one way is through CSS and the different is through a table with some pics. i detect the tables technique a lot more convenient to artwork with, yet extremely some human beings like the CSS way so I genuinely have presented a tutorial that shows you a thanks to attempt this through CSS. both way, you ought to locate this tutorial effective and would properly be some thing you are able to enhance on. the theory is exceedingly undemanding to adhere to. i'm hoping it is what you've been searching for. strong success!

Answer 3

This seems to be what you are looking for.
Though of course it is not CSS, but that is explained.