How to disable default box shadow /border-color in Google-chrome

Question

The default border color for active input tags in Google chrome is yellow, how do i disable it? alt text

How do i change the color in css?

This is good theme. https://stackoverflow.com/q/3397113/9161635 — Vitaly Zalivan, Jan 31 '18 at 21:53

score 7 · Accepted Answer · answered Jan 22 '11 at 12:26

7

It's the CSS outline property - try outline:none; on the form fields.

answered Jan 22 '11 at 12:26

Dave Everitt

You're welcome. It will also remove the dotted outline on links. – Dave Everitt Jan 23 '11 at 13:41

score 0 · Answer 2 · answered Jan 22 '11 at 12:53

You can do it with two css properties: border or outline.

.bordered
{
  border:1px solid your_color !important;
}

or

.bordered
{
outline:1px green solid !important;
}

This is because most of browsers has own css rules which you need to override saying to browser my rule is !important.

--Edit

You can also press Ctrl + Shift + I to display developer tools for Chrome and find css which makes problems.

2 Answers2