How to change the style of an element in an iframe from the parent page?

Question

I use a component that generates a iframe accessing a remote page.

Example: assuming that no iframe there is a table with some TDs with class destaque, want to put a red border on these "highlights".

I tried the following code, but it doesn’t work:

$('iframe tr td.destaque').css('border-color', 'red');

How to change the style of an element in a iframe from the mother page?

UPDATE: Trying to use the contents, as a response from @Rafalages, it shows the following error:

jquery-3.1.0.min. js:2 Uncaught Securityerror: Failed to read the 'contentDocument' Property from 'Htmliframeelement': Blocked a frame with origin "https://192.168. 1.15" from accessing a frame with origin "https://www.google.com". Protocols, Omains, and ports must match.

Answer 1

.Contents() must resolve:

$('iframe').contents().find('tr td.destaque').css('border-color', 'red');

https://api.jquery.com/contents/