I am using Angular and the Kendo control suite. In particular I’m wondering about tooltip styling.
I have successfully styled the tooltip how I want it with one minor exception that I can’t figure out. There seems to be a shadow on the tooltip but it’s around the entire extents including the little triangle callout piece so it doesn’t fit the actual representation.
It’s pretty faint, but you can see the light edge of the shadow below the triangle (the red arrow I added to highlight it).
Ideally I would like to have the shadow around just the blue portion of the tooltip but turning it off entirely would be fine too.
I tried to use the Chrome console to look at the styles but since it’s a tooltip it won’t stay open long enough for me to go to the inspection panel and select it. It also doesn’t show up when I force hover state from the developer console. Is there any other way to inspect the element from the browser?