html - Input text without box with CSS -

my client wants search input this:

the "search..." input text , loupe submit button (that isn't problem create). looking tutorial didn't found anything. possibility create input this? if yes, can explain me how create or refer me tutorial? advance.

i created cssdeck: http://cssdeck.com/labs/iicbd9ko

html:

<form>   <input type="text" name="search" placeholder="search..." />   <button type="submit">[search icon]</button> </form> 

css:

::-webkit-input-placeholder {    color: #fff; }  :-moz-placeholder { /* firefox 18- */    color: #fff;   }  ::-moz-placeholder {  /* firefox 19+ */    color: #fff;   }  :-ms-input-placeholder {      color: #fff;   }  form {   margin: 50px;   padding: 5px;   background: green;   display: inline-block; }  form input {   border: none;   background: transparent;   border-bottom: 1px solid #fff;   outline: none; }  form button {   background: transparent;   border: 0;   color: #fff; } 

tjl