JSFiddle - React, Tailwind, and code Playground
HTML
<form class="search_field" method="GET" action="http://www.google.com/search">
<input name="q" />
<button type="submit"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/33/Crystal_Clear_action_viewmag.png/16px-Crystal_Clear_action_viewmag.png" alt="Search" /></button>
</form>
CSS
.search_field {
display: inline-block;
border: 1px inset #ccc;
}
.search_field input {
border: none;
padding: 0;
}
.search_field button {
border: none;
background: none;
}