Hide scrollbar from iframe and replace it with scrollbar on the page
<p>I have iframe with vertical scrollbar. I need to remove it and have this scollbar at the the page. So, when I need to scroll the content of the iframe, I can use the page scrollbar.
I did hide the the vertical scrollbar from the iframe but now, I don't have it at all.
I use:</p>

<pre><code>iframe::-webkit-scrollbar {  
    display: none;
  }  
</code></pre>

<p>And this works only with google chrome but it doesn't work with firefox and Internet Explorer. I tried all  the following:</p>

<pre><code>iframe::-moz-scrollbar {display:none;}
iframe::-o-scrollbar {display:none;}
iframe::-google-ms-scrollbar {display:none;}
iframe::-khtml-scrollbar {display:none;}
</code></pre>

<p>But they didn't work.</p>

<p>So, I need your help to hide the scrollbar from iframe with all browsers.
And have the ability to scroll the iframe's content from the scrollbar of the page.
Thank you</p>