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. Əgər kömək lazımdırsa lütfən yeni sual verin.

Cannot live-edit CSS using Inspector

  • 6 cavab
  • 2 have this problem
  • 57 views
  • Last reply by valsgalore

valsgalore
valsgalore
more options

On most websites, when the Firefox CSS/HTML inspector is open, I can make live edits to the CSS and see the changes reflected on the page I'm viewing.

For certain sites, however, this doesn't work. These are sites I work on every day, so I think I must have done something to accidentally disable live editing on these sites.

My colleague who works on the same sites is not having the same problem, so it's limited just to me.

I've tried opening Firefox in Safe Mode to see if any add-ons might be interfering, but I have the same problem in Safe Mode.

Live editing works as expected when using Firebug. Also, I do not have any problems editing the HTML or inline CSS--only when editing the "Rules" as displayed in the sidebar.

On most websites, when the Firefox CSS/HTML inspector is open, I can make live edits to the CSS and see the changes reflected on the page I'm viewing. For certain sites, however, this doesn't work. These are sites I work on every day, so I think I must have done something to accidentally disable live editing on these sites. My colleague who works on the same sites is not having the same problem, so it's limited just to me. I've tried opening Firefox in Safe Mode to see if any add-ons might be interfering, but I have the same problem in Safe Mode. Live editing works as expected when using Firebug. Also, I do not have any problems editing the HTML or inline CSS--only when editing the "Rules" as displayed in the sidebar.

Chosen solution

This problem was resolved when I updated to Firefox 29! Thanks!

Read this answer in context 👍 0

All Replies (6)

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

Create a new profile as a test to check if your current profile is causing the problem.

See "Creating a profile":

If the new profile works then you can transfer files from a previously used profile to the new profile, but be cautious not to copy corrupted files to avoid carrying over the problem

valsgalore
valsgalore Question owner
more options

Thanks for the reply. Unfortunately, using a new profile didn't solve the problem. Any other ideas?

valsgalore
valsgalore Question owner
more options

I have completely uninstalled Firefox, checked the box to remove all data, and reinstalled. Still having the same problem.

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

If others do not have the problem with the same websites then it sounds that this is an issue on you side.

Did you make sure that the rules that you are changing or adding are being used and have a checkmark next to them?

Does this also (or only) happen if you make the changes in the Style editor?

valsgalore
valsgalore Question owner
more options

Hi Cor-el, thanks for your continued help.

In Inspector, these rules are editable, and they do have a checkbox next to them. Strangely, when I edit them in Inspector, a strikethrough appears on them, as though they are being overridden (the strikethrough is not there before I edit them).

In Style Editor, changes to the same rule are applied as expected.

valsgalore
valsgalore Question owner
more options

Seçilmiş Həll

This problem was resolved when I updated to Firefox 29! Thanks!