input search css 3

css input search

by femfoyou

HTML

<form class="searchbox" action="">
        <input type="search" placeholder="search.." />
        <ul class="suggestions">
            
        </ul>
    </form>

CSS

body{
/*changing background color*/
    background-color:#ebebeb;
}
.searchbox{
/*definint width of form element*/
    width:350px;
/*centering the form element*/
    margin:100px auto;
}
input[type="search"]{
    padding:10px 15px 10px 50px;
    font-size:36px;
    color:#1f5350;
/*removing boder from search box*/
    border:none;
/*defining background image as a search symbol*/
   ...