How To Remove Orange Border Around Input

Question

It's work only in Chrome:

:focus {
  outline: 0;
}

Possible duplicate of [How to remove border (outline) around text/input boxes? (Chrome)](https://stackoverflow.com/questions/3397113/how-to-remove-border-outline-around-text-input-boxes-chrome) — Bharata, Aug 02 '18 at 17:24

score 2 · Answer 1 · answered Aug 02 '18 at 17:22

2

Try one of these:

*:focus {
    outline: none;
}

or

input:focus{
outline: none;
}

answered Aug 02 '18 at 17:22

Harley

This is working, but I do not like it. It creates a bevel when the user enters something *:focus { background:none;} – Harley Aug 02 '18 at 18:25
how to remove orange border? – user2240578 Aug 03 '18 at 10:16

score 0 · Answer 2 · answered Apr 08 '20 at 18:21

0

input:required {
    box-shadow: none;
}

input:invalid {
    box-shadow: none;

}

<input type='email'  placeholder='email' required  />

answered Apr 08 '20 at 18:21

MhkAsif

2 Answers2