Rounded Input Boxes in HTML anyone?

Published: 2005-05-20 10:30:30

I've discovered a proprietary Gecko/Mozilla property, '-moz-border-radius', which allows for rounded corners in design without the need for images. While it's useful mainly for intranet applications or specific browser versions, there are more intriguing properties available to explore. Notably, Safari's text-shadow property stands out for its unique functionality.

Rounded Input Boxes in HTML anyone?

I've been waiting for something like that for quite some time, I even hoped that it'd make it into css3 but well here it is, although just as proprietary Gecko/Mozilla code.
Using funny stylesheet-properties like '-moz-border-radius' one can give borders rounded corners. This allows to create rounded boxes, inputboxes, backgrounds and whatnot without using those nasty four 8x8px corner-images. But well, just like other extensions I doubt that this will make it into CSS soon (if), so it's just usefull if you develop intranet-applications and/or have control over your audiences browser-version. (Or if you wanna present your firefoxed visitors some sneaky gimmicks their IE-Friends won't have).

There're even more interesting new properties, take a look over here:

(Although nothing can beat Safari's damn cool text-shadow property)