Disregarding that the difference is actually just one click more (right-click within the *Style* side panel, then click on *Edit Element Style...*), the Firefox DevTools implement it the same way as the Chrome DevTools by showing an element "rule" by default:
<https://lh3.googleusercontent.com/-Q1xIxhZGzTA/V6iCfcpCzjI/AAAAAAAAAlY/5IR4YRXDhVIAckywUv3VcEhFT2u1kO-2gCLcB/s1600/Rules%2Bside%2Bpanel%2Bwith%2B%2527element%2527%2Brule.png> Note that Firebug is discontinued and instead Firefox 48 now has a Firebug theme <https://blog.getfirebug.com/2016/06/07/unifying-firebug-firefox-devtools/> (as shown in the screenshot above). Sebastian On Monday, August 8, 2016 at 12:59:04 PM UTC+2, Sagar Bartakke wrote: > > Hi everyone, > > If I want to apply inline CSS to any element in Firebug, then I have to > select first that element and by using Edit option I can apply CSS. So its > very time consuming for developer. If we see in chrome after click on > element, we can immediately apply inline CSS. I have also attached one file > for better understanding. > > Thank you. > -- You received this message because you are subscribed to the Google Groups "Firebug" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/firebug. To view this discussion on the web visit https://groups.google.com/d/msgid/firebug/c6a5409f-3796-4508-8b11-997ba22db754%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
