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.

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

Error in the Inspect Element Tool !!

more options

I found a bug in the browser. When we use specific css classes, while trying to inspect the page with the inspect element tool, the list of css styles disappears. The styles to test is:

/* Placeholders layout */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #afafaf !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #afafaf !important;
   opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #afafaf !important;
   opacity 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #afafaf !important;
}
I found a bug in the browser. When we use specific css classes, while trying to inspect the page with the inspect element tool, the list of css styles disappears. The styles to test is: <pre><nowiki> /* Placeholders layout */ ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #afafaf !important; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #afafaf !important; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #afafaf !important; opacity 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #afafaf !important; }</nowiki></pre>

Modified by cor-el

All Replies (3)

more options

Can you give a link to a live example of this?

There definitely are some bugs in the Inspector CSS Rules display. Usually if I reload the page I see the applicable rules again, but it would be helpful to chase down what causes these occasional problems.

I don't know what effect it might be having that your rules include numerous "unrecognized" properties (properties proprietary to other browsers). However, Firefox should be able to ignore those and display the ones it actually implements.

more options

This http://wedding.axitech.com.br/cadastro-fornecedores is an example of error. When I put the classes mentioned above, the error occurs but if I remove the classes mentioned, the error disappears.

CSS stylesheet http://wedding.axitech.com.br/assets/frontend/css/custom.css

Modified by yesmarcos

more options

Could you fix this issue displayed in the Web Console (CSS Warnings displayed) and test again:

custom.css Line 19 Character 11 Expected ':' but found '1'. Declaration dropped.

::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #afafaf !important;
   opacity 1;
}

If that's the issue, this is a bit too fragile...