$1.74

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

Ask a question+
0

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

1

2190

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:

input:focus{
    outline: none;
}

I advice you follow this link for some interesting data

Arthur Martin 180

Thanks :) This seems to solve the issue.

Anna
add comment

Your Answer