change the colour of input text field in Html/Css

tutorial to create a colourful text field in html5 /css . (Colorful form fields)
Are you Bored with the old white text field in html , let add some colour to text field using CSS. Make your form more attractive.
                         
                                                     DEMO

CSS : 


.input {
   
    outline:none;
     border:2px solid #D2B48C;
    background:#FFE7BA;
    border-radius:6px;
    font-size:14px;
    padding:5px;
    margin-bottom:10px; 
}

.input:hover {
 
    background: #EEEED1;
border-color:#9ecaed;
    box-shadow:0 0 8px #9ecaed;

}


HTML :
<input type="email" size="30" class="input" name="email" required="required" autocomplete="on">





RELATED POSTS:

   HTML, CSS Menu Navigation Bar Example code

   Attractive,colorful Dropdown list box in Html,Css 


_________________________________________________________________________________