search box

by jamna

HTML

<form method="" action="" id="search">
    <input type="text" name="search" placeholder="search"/>
        
</form>

CSS

#search input[type="text"]{background: url(search_icon.png) no-repeat 125px 5px #ffffff;
    border:2px solid #dddddd;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #afafaf;
    width: 140px;
    padding: 4px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;transition: all 0.7s ease 0s;
}