Cant edit CSS STYLE properties (grayed out & block

问题:

I am experiencing (havent seen before) something strange issue. When I enter a site (site in question is RunForGithub.com) first time, and open up Chrome Inpsect console, then I can modify the css properties on the fly. However, when I refresh page (F5) i can no longer modify them:

the properties area is grayed out. BUt, this only happens with specific only one loaded (runforgithub.com/_styles.css) file, and not with other .css files. It's very annoying, any ideas?

回答1:

Closing the dev tools and opening it again fixes this temporarily. Here's the official bug report: https://bugs.chromium.org/p/chromium/issues/detail?id=796629

回答2:

This was approved as a bug and will be fixed in near future:

https://bugs.chromium.org/p/chromium/issues/detail?id=796629

回答3:

I had this issue past couple of days it was a CSS rule that was putting everything on the floor.

.myelement {
   background: black url("") center/cover no-repeat;
}

Yeah, you've seen this little hawful error !

.myelement {
   background: black center/cover no-repeat;
}

Just removing the url and everything went back to normal for me.

It's weird that SASS autocompile doesn't seem to be upset about this rule.