JSFiddle - React, Tailwind, and code Playground

by taran2l

HTML

<form>
    <input type="text" class="placeholder" value="Search" />
    <input type="submit" value="" />
</form>

CSS

input[type="submit"]{
    background: url(http://dl.dropbox.com/u/17055243/icons.png) -99px 0px  no-repeat;
    width:30px;
    height:30px;
    border:none;
    float:left;
    margin:30px 0 0;
    cursor:pointer;
}

input[type="text"]{
    margin:30px 0 0;
    width:226px;
    color:#999999;
    font-size:12px;
    font-style:italic;
    border:1px solid #cccccc;
    border-right:none;
    background-color:#ededed;
    padding:6px 7px 7px 8px;
    float:left;
}
input[type="submit"]:hover{
    background-position:-129px 0px;
}
form{margin:0 30px;}