Error in the Inspect Element Tool !!
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;
}Modified by cor-el
All Replies (3)
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.
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
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...