CODEWITHSUNDEEP
htmlcss
lendo
lendo

Reputation: 307

Unwanted border around input boxes on mobile [html]

I've encountered the following issue. When I try to enter something on an HTML site on mobile I get the following border: Yellowish border around input box

around the input box. How do I avoid that?

Upvotes: 0

Views: 247

Answers (3)

naman agarwal
naman agarwal

Reputation: 11

You can give {outline:none} in style for the html element.

Upvotes: 1

Darshana Pathum
Darshana Pathum

Reputation: 669

Remove the outline from the element.

input{
    outline: none !important;
}

Upvotes: 2

BeerusDev
BeerusDev

Reputation: 1509

Although you haven't provided the code, the issue is being caused by the :focus selector. To fix this, add the following to your CSS/ media query for mobile devices as well:

input:focus{
    outline: none;
}

Upvotes: 2

Related Questions