Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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

Cuireadh an snáithe seo sa chartlann. Cuir ceist nua má tá cabhair uait.

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

  • 2 fhreagra
  • 1 leis an bhfadhb seo
  • 2 views
  • Freagra is déanaí ó 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 Úinéir na ceiste
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.

Athraithe ag bernhardh ar