Techie Too!

Pretty Form Input

This is part of a styled input form. It uses CSS3 rounded corners.

This is the input form in IE. Not as pretty, but still nice.

This is the CSS used:

input.inputbox, textarea.inputbox {
input.inputbox, textarea.inputbox {
	background-color: #fff; /* change the color */
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-right: 2px solid #888;
	border-bottom: 2px solid #888;
	border-radius: 5px;
	-khtml-border-radius: 5px;
        -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 5px 0;
	overflow: hidden;
	padding: 2px 0 0 2px;
	width: 270px;
	}
input.inputbox {height: 20px; line-height: 20px;}

Edit: Added

-khtml-border-radius: 5px; 

- somehow lost it.