When I call the web inspector and want to edit the css code, it happens that it is not available for changes. The font becomes oblique. You can add properties, but you can not change the existing ones. Browser web-kit.

Here is a photo: enter image description here

  • @Fox Rejected the edit: removed unnecessary formatting Please read here meta.ru.stackoverflow.com/questions/1328 One of the edits was too minor and I did not accept the edit for her. - AK ♦
  • Can you give an example of markup and style directly in the question? - Grundy
  • Where is the .choose-select class defined and how is it added to the page? - Grundy
  • The fact is that periodically the browser loads an empty style.css file. And it probably loads it from the cache and therefore does not change it. - Gregory

1 answer 1

This happens if the styles are taken from the user-agent, or created manually using CSSOM.

There is also a Issue 387952 bug : Dynamic css styles are not editable in chrome dev tools , closed with WontFix status.

The bottom line is that this style has no textual representation anywhere, so there’s nothing to edit.

Playback is pretty simple:

 var s = document.createElement('style'); document.head.appendChild(s); s.sheet.insertRule('body { background:green;}'); // <- ага, вот эти стили

When viewing styles for the body element, you can see the following picture:

enter image description here