overwrite /customize css in iframe

Question

i have a site which a plugin for comments which loads an iframe on iphone and ipad the pages crash and browser quits, this turned out to be from :

 display:-webkit-box;
 display:-webkit-flex;

these are being inherited from the site's main css,

i tried adding in css something like:

   iframe .textbox { display:block }

to overwrite the inherited properties and make it work, but the elements don't seem to be reading my css declaration;

how can i fix this please? thanks

Answer 1

An iframe is a 'hole' in your page that displays another web page inside of it. The contents of the iframe is not in any shape or form part of your parent page.

Credits : CSS override body style for content in iframe? So modifying is not an option i guess.

Thanks