loading...
Cover image for How to Check for Changes in Inline Styling

How to Check for Changes in Inline Styling

jeannienguyen profile image Jeannie Nguyen ・1 min read

I was looking through some code the other day and couldn't pinpoint where the inline styling was being set.

I wasn't able to follow the code back to the initial inline styling modification and doing a search through all the files for the inline styling wasn't helpful.

Here's one way to check for changes in your inline styling:

  1. Find and select the element whose inline styling you're trying to check for.
  2. Click on the ellipsis ... to the left of the element, scroll down to the Break on menu, and select attribute modifications. Alt Text
  3. Interact with what you think is causing the inline styling to be set (in my case, it was being set on load so I refreshed the page) and the code will break on your element and show you the file / line of code that's setting the inline style.

That's it! Let me know if this was helpful - feel free to drop a line below for other topics you'd like to see covered.

Posted on by:

jeannienguyen profile

Jeannie Nguyen

@jeannienguyen

Writing about everything I learn on the web and sharing it so you can learn with me.

Discussion

pic
Editor guide