Depuis que j'ai implémenté le rendu côté serveur et la gestion des styles avec styled-components
, Je ne peux pas modifier les styles dans Chrome Dev Tools. Les styles dans devtools deviennent italiques et il n'y a pas de case à cocher pour activer/désactiver le style spécifié.
Cela fonctionne correctement dans Mozilla. Mais pourquoi pas dans Chrome? Des idées pourquoi cela se produit-il? Merci.
Remarque : Cela se produit en production.
Je pense que vous voyez probablement les styles injectés via le "mode rapide" en production. Cela utilise une API DOM spéciale que Chrome DevTools ne s'affiche actuellement qu'en lecture seule. Nous n'avons pas encore ajouté de hachure d'échappement pour désactiver cette méthode d'injection. , mais c'est à l'étude .
Lorsque vous exécutez votre configuration en mode développement, tout doit normalement être inspectable et modifiable.
Vous pouvez également considérer Firefox, il peut modifier ces styles comme d'habitude