How do you remove focus border (outline) around text/input boxes in Chrome?

Ask a question+

Hey, coud you explain how to remove the orange or blue border (outline) around text/input boxes? This seems to occur only with Chrome to show that the input box is active. Here’s my input CSS:

input {
     width: 140px;
    height: 18px;
    border: 1px solid;
    background-color: transparent;
Anna 90
add comment

1 Answer



This border is used to show that the element is focused (i.e. you can type in the input or press the button with Enter). You can remove it, though:

    outline: none;

I advice you follow this link for some interesting data

Arthur Martin 180

Thanks :) This seems to solve the issue.

add comment

Your Answer