问题
Since I've implemented server side rendering and managing the styles with styled-components, Im unable to edit styles in Chrome Dev Tools. The styles in devtools become italic and theres no checkbox to turn off/on specified style.
It works properly in Mozilla. But why not in Chrome? Any ideas why does it happen? Thanks.
Note: It happens in production.
回答1:
I think you're probably seeing the styles injected via "speedy mode" in production. This uses a special DOM API that Chrome DevTools currently only shows in a read-only capacity. We haven't put in an escape hatch to disable this injection method yet, but it's being considered.
When running your setup in development mode everything should be normally inspectable and editable.
来源：https://stackoverflow.com/questions/52582995/impossible-to-edit-styles-in-chrome