2

Whenever you press the tab key while on a web page, the browser puts a border around whatever element is selected. IE and Firefox just use a dotted gray line, but Chrome uses a solid yellow highlight. My problem is that Chrome also puts this border around any active field inputs - so whenever a Chrome user clicks one of my contact fields to input their info, that yellow border pops up around the text box and really messes up my color scheme.

Is there a way to override this behavior in chrome through CSS?

Cbas
  • 6,003
  • 11
  • 56
  • 87

1 Answers1

2

Use this:

input:focus, textarea:focus { outline: /* whatever you want it to be */ }

See here.

avramov
  • 2,119
  • 2
  • 18
  • 41