How debug placeholder pseudo element in firefox?

css, debugging, firebug, firefox

Solution

Just to give an updated answer for anyone still coming to this page, in FireFox v66, you can reveal pseudo-element styles simply by clicking on the expand icon in the styles panel when inspecting an element in the Developer Tools- see screenshot:

Problem

I have CSS code like this: ``` :-moz-placeholder,::-moz-placeholder { color: #999; /*some additional font styling*/ } ``` I can click "Inspect element" and see all style information about element. But where I can see all CSS rules that has applied to element placeholder?

Original source