My objective is to hide the blue box-shadow outline, power bi embedded adds when clicking on embedded content:
Using the chrome dev tools, I have found what I believe is the relevant DOM element and CSS selectors:
So the blue border is actually a combination of box-shadow and outline.
Removing these CSS properties in chrome dev tools gets the job done, and removes the blue border.
Our parent application is Angular 9. When adding the following css however, it does not work:
::ng-deep .displayArea .disableAnimations .fitToWidthCentered {
outline: none !important;
box-shadow: none !important;
}
I hope you can help me out here 🤔