Debugging css changes on the element

I am running a protractor test on angular web application. On one of the dialogs, when the item is selected, there is a function that gets called to see if the item is selected. In the error screenshot, it shows that the item is selected but the test fails saying that the selection is failed. Looks like the css for that element is changing in runtime. Was wondering how to inspect the css change or how to check the css everytime the script is run. I can put pause and check the css on the webpage. Was wondering if there is any better way to debug these kind of issues.