Input Drop Shadow

by a1ex

HTML

<form name="test" action="#" method="get">
    <input id="input1" name="input1" type="text" />
    <input id="input2" name="input2" type="text" />
</form>

CSS

input {
    display: block;
    width:200px;
    height:1.5em;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    -moz-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    margin: 10px;
    border:1px solid #999; /* WebKit still need border property! */
}