Add Inline CSS to Element

34 views
Skip to first unread message

Sagar Bartakke

unread,
Aug 8, 2016, 6:59:04 AM8/8/16
to Firebug
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.
chrome_Mozilla_inspect .png

Sebastian Zartner

unread,
Aug 8, 2016, 9:07:02 AM8/8/16
to Firebug

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:



Note that Firebug is discontinued and instead Firefox 48 now has a Firebug theme (as shown in the screenshot above).

Sebastian
Reply all
Reply to author
Forward
0 new messages