Chrome devtools is our friend, always.
Today when I was developing an angular 4.x app with primeng library, i have to check the class set on the tooltip component. As we know the tooltip is hover event based, so if we hover on it to make it showup and then shift our focus to the dev tool
element tab, the tooptip would disappear.
Chrome tool has a feature to activate the hover stuff(
:hover) on specific element for CSS sake. It is quite handy but obviously it does not apply in this use case since this tooltip is js based.
Search around and finally find a solution: using
CMD + \ which is pause the script execution.
Steps are quite straightforward:
Mouse over the tooltip, and press
F8 while it is displayed.
Now you can now use the inspector to look at the CSS.