html - Turn Off WebKit Outline using Preferences (not CSS or JS)

Question

I am well aware of the many ways to disable that outer glow around elements in webkit browsers. However, I am also aware that it is essential to some users for accessibility purposes.

Is there a way for me to disable them in the browser by default? Obviously outline is used by many to also style, but as a default for those who do not explicitly specify it, is there a place I can manually write a default/reset CSS file? Or is there a browser preference/setting?

Answer 1

Open up Chrome's Default.css:

C:\Users\[Your Windows Username]\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Default.css

Add this CSS:

input[type=text]{ outline:none; }