How can I get rid of input border in chrome?

In Chrome, my design has a light border or outline along the edges of the search input field. Ho开发者_运维知识库w can I get rid of this?

If you mean the blue "glow", add this CSS:

outline: none;

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

Mind that this will disable the select element arrow.

input, select {
    outline: none;
}

This will disable the browser outline for all regular form elements.

Hey, it is easy to remove outline. Just set none to input field's outline property in css.

For e.g.

form input[type=text]:focus, form input[type=password]:focus, textarea:focus {
    outline: none;
}

Above will remove outline border in chrome and safari browsers on form element focus.

This snippet worked for me:

input:focus {
    box-shadow: none;
}