JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://curved-corner.googlecode.com/files/border-radius.htc"></script>
<p><label>Normal TextBox</label><input type="text"/></p>
<p><label>Styled TextBox</label><input type="text" class="textbox"/></p>

CSS

label{
    display: inline-block;
    margin-bottom: 10px;
    width: 120px;
}
.textbox{
    behavior: url(border-radius.htc);
    
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 6px 6px 4px;
    box-shadow: 2px 3px 2px #eee;
    -moz-box-shadow: 2px 3px 2px #eee;
    -webkit-box-shadow: 2px 3px 2px #eee;
    background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#f4f4f4');
}