I want to include an iframe in my react component, but I need to hide a specific element within it. The iframe source comes from an external domain.
Is there a way to add custom CSS to the iframe so that I can achieve this?
Below is the code for my component:
import React from 'react'
const ExampleComponent = () => {
return ( <>
<iframe src="https://app.sli.do/event/6ouwoyzr"></iframe>
</> );
}
export default ExampleComponent;
Here is the custom CSS I need to apply:
app-header {
display: none;
}