Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

chrome : how to turn off user agent stylesheet settings?

I am trying to disable the User Agent Stylesheet in chrome. How can I turn this off/disable this?

enter image description here

like image 858
user603007 Avatar asked Aug 01 '13 23:08

user603007


People also ask

Can you override user agent stylesheet?

You can override user agent stylesheet declarations with your author styles. And indeed, you do that every day when you write your CSS. Author styles override user styles, which override user agent styles.

What is the user agent stylesheet?

User-agent, or browsers, have basic style sheets that give default styles to any document. These style sheets are named user-agent stylesheets. Most browsers use actual stylesheets for this purpose, while others simulate them in code. The end result is the same.

How do I find the user agent stylesheet?

If its simply viewing it, then go to Tools -> Developer Tools (Shift+Ctrl+I) then click on the Element tab and the Computed Style on the right hand side should show you the default values.

What is the difference between default user and author style sheets?

Default style sheets are supplied by the browser vendor. User style sheets are supplied by the user of the browser. Author style sheets are supplied by the author of a webpage.


1 Answers

https://developers.google.com/chrome-developer-tools/docs/settings

  1. Open Chrome dev tools
  2. Click gear icon on bottom right
  3. In General section, check or uncheck "Show user agent styles".
like image 182
jhanifen Avatar answered Sep 20 '22 23:09

jhanifen