CSS3 Input styling

Apih

New Member
I'm trying to create some OS X like text inputs for my website. They've been coming out very nice in CSS3 browsers. The problem is, there is no border and the background is white. So if a browser does not support \[code\]box-shadow\[/code\] or \[code\]-moz-box-shadow\[/code\] or \[code\]-webkit-box-shadow\[/code\], You wouldn't be able to tell that it's a text input, you wouldn't be able to see it. I need a border for non CSS3 browsers only...To get a better idea here is the CSS I wrote: http://jsfiddle.net/wUMDG/Is that possible?I forgot to mention, adding a border makes it ugly... so I don't want to show the border if it's CSS3.
 
Top