58

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

enter image description here

Sunil Garg
  • 12,670
  • 19
  • 110
  • 153
user603007
  • 10,986
  • 36
  • 101
  • 166
  • 10
    Do you want to *hide* those rules from being listed in Developer Tools? Reasonable request. Do you want to disable those rules from being applied to your page? Bad idea, and not going to happen. – thirtydot Aug 01 '13 at 23:35
  • 2
    Curious why it is a bad idea to disable those rules from applying to a page. I am trying to find the root cause of: http://stackoverflow.com/questions/29570594/input-type-number-mouse-wheel-does-not-scroll and it would be great to quickly just disable all these style sheets to help narrow down the problem. – pspahn Apr 11 '15 at 00:31
  • 3
    You can override those settings in your css style sheet. for example, you can text-decoration:none in your element.style – Apparao May 29 '15 at 14:26

1 Answers1

31

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".
Arnaud
  • 6,869
  • 8
  • 49
  • 68
jhanifen
  • 4,295
  • 7
  • 40
  • 67
  • 5
    While this may theoretically answer the question, [it would be preferable](http://meta.stackexchange.com/q/8259) to include the essential parts of the answer here, and provide the link for a more in-depth view of the solution. – Cody Guldner Aug 02 '13 at 03:11
  • 9
    fwiw - this has changed some in the newest version of chrome dev tools – jhanifen Nov 18 '13 at 21:09
  • 5
    It's very weird: It's literally gone, despite the fact that the [current chrome docs](https://developer.chrome.com/devtools/docs/settings) still show the option `show user agent styles` in the first screenshot (first column, last option there) – Frank Nocke Mar 31 '16 at 09:45
  • 8
    So chrome seems to have completely removed this option. – Yash Capoor May 13 '17 at 14:51
  • 6
    Was this ever figured out? It's 2019 now and I've suddenly got no way to override an H2 bold, i.e., my css is being overridden by user agent stylesheet. – 147pm Feb 19 '19 at 06:01
  • And chrome now displays auto-filled inputs as blue: !important.. great – Matti Mar 08 '19 at 14:50
  • 1
    I ran into this just now as well, moving the non-triggering CSS blocks higher in the stylesheet ended up revealing a typo in one definition which meant everything below it was being ignored. – Mark Solaris Aug 17 '20 at 10:43
  • 3
    2021. I don't see any "General section" nor "Show user agent styles". Could you update the correct path as of 2020s ? – Hugolpz Mar 13 '21 at 16:29
  • in Chrome v90, how to off the "User style agent" sheet. It is always blocking my popup modal, it is set to display: none in chrome version 90. – Jeya Suriya Muthumari Apr 19 '21 at 14:24