How can I get rid of input border in chrome?

Question

In Chrome, my design has a light border or outline along the edges of the search input field. How can I get rid of this?

Answer 1

form#search input[type="search"] { 
    -webkit-appearance: none; 
}

Mind that this will disable the select element arrow.