This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Inspector Dev Tool: Changes to inline properties section don't take effect

  • 2 replies
  • 1 has this problem
  • 3 views
  • Last reply by bernhardh

bernhardh
bernhardh
more options

When I select an element in the Inspector dev tool and add/change a CSS-property in the "inline" section, it never seems to take effect. The change does not reflect visually and when I select a different element and change back to the original element, the inline section is reverted.

When I select an element in the Inspector dev tool and add/change a CSS-property in the "inline" section, it never seems to take effect. The change does not reflect visually and when I select a different element and change back to the original element, the inline section is reverted.

All Replies (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

What do you mean with "inline properties" ?

You add a rule for the selected element under "This Element: element {}" You can use the "+" button to create new rules for a more specific selector.

Note that you can also use the Style Editor to modify rules.

bernhardh
bernhardh Question owner
more options

I just realized that this issue only occurs on some web applications, in particular the one I'm working on. I can't figure out what it is that is triggering this behavior.

See the attached animated gif for demo.

By the way, performing the same actions using Chrome works as expected.

Modified by bernhardh