<form action="http://scripty.walterdavisstudio.com/reflector.php" method="get">
<input type="search" name="q" id="search" placeholder="Search...">
</form>
#search {
font-size: 20px;
border: 1px solid #333;
-webkit-appearance: none;
background-color: #555;
padding: 4px 8px;
border-radius: 40px;
color: #fff;
width: 80%;
}
document.getElementById('search').addEventListener('blur', function(){
this.value = '';
});
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.