We would like to know how to input rounded border with shadow.
<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
input {<!--from www.j a v a 2 s. c o m-->
border: 1px solid #CFC8BC;
border-radius: 4px;
box-shadow: 0 -01px #CFC8BC inset;
}
</style>
</head>
<body>
<div>
<input type="text" id="inputName" name="name">
</div>
</body>
</html>
The code above is rendered as follows: