I am using a JS library that creates dialogs, but it’s core code is very big and complex. The dialogs created have a CSS attribute z-index: 2, whereas I want them to use a larger number. The issue is that this CSS is set directly on the dialog’s DIV wrapper during the JS library’s runtime (so I can’t overwrite them with an external CSS file due to rule preceedence).
I was wondering if there is a way in Chrome Developer Tools or in Firebug to setup a breakpoint for whenever a given, dynamically created element’s z-index property is changed, given that I know what id="" and class="" it will be assigned? Basically, the breakpoint should be right before that z-index is set, so I can know where the number 2 comes from in the above example.
In the Firebug HTML tab, right-click on an element and select “Break on attribute change”