CODEWITHSUNDEEP
cssgoogle-chromestylesstylesheet
T.Todua
T.Todua

Reputation: 56341

Cant edit CSS STYLE properties (grayed out & blocked) in chrome

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:

enter image description here

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?

Upvotes: 9

Views: 4608

Answers (4)

KMA Badshah
KMA Badshah

Reputation: 1115

I'm late to the party. But I got mine fixed just by doing a hard reset on my website by pressing CTRL + SHIFT + R and everything went back to normal.

Upvotes: 0

Dario Lopes
Dario Lopes

Reputation: 11

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.

Upvotes: 1

mehulmpt
mehulmpt

Reputation: 16547

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

Upvotes: 4

T.Todua
T.Todua

Reputation: 56341

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

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

Upvotes: 1

Related Questions