Применить CSS к iframe wordpress

В настоящее время я использую Iframe со стороннего сайта для создания контактной формы. Итак, я добавил этот iframe в содержимое моей страницы и его отображение на лицевой стороне, но не могу применить CSS к iframe. Вот мой код

 <iframe width="450px" height="200px" frameborder="0"
      src="http://www.example.com/apiform.aspx?&amp;lsid=1111&amp;apikey=-125356&amp;font-family=Arial&amp;font-size=12px&amp;boxwidth=200px&amp;btntext=Submit&amp;background=FFFFFF&amp;font-color=000000&amp;col=2&amp;border-color=CECECE"class="iframe" id="iframeview" name="contact-frame">
    <html>
         <head>
             <title>Form</title>
         <style>
            .label { font-family: Arial; }
            .label{ font-size: 12px; }
            .txtBox { width: 200px; }
            body {background-color: #FFFFFF; }
            body { color: #000000; }
            .validator {font-size: 10pt; }
            .outerDiv { border: 1px solid #CECECE; padding:15px; }
            </style>
        <script>
            function checkInput() {
            }
        </script>
        </head>
        <body>
            <form method="post">
                <div class="outerDiv">
                    <table>
                        <tbody>
                            <tr>
                                <td class="caption">
                                    <label class="label" id="Label1" for="txtFirstName">First name:</label>
                                </td>
                                <td>
                                    <input type="text" class="txtBox" id="txtFirstName" name="txtFirstName">

                                    <span style="color:Red;display:none;" class="validator" id="reqFirstName">First name is required</span>
                                </td>
                            </tr>
                            <tr>
                                <td class="caption">
                                    <label class="label" id="Label2" for="txtLastName">Last name:</label>
                                </td>
                                <td>
                                    <input type="text" class="txtBox" id="txtLastName" name="txtLastName">
                                    <span style="color:Red;display:none;" class="validator" id="RequiredFieldValidator1">Last name is required</span>
                                </td>
                            </tr>
                            <tr>
                                <td class="caption">
                                    <label class="label" id="Label3" for="txtEmail">Email:</label>
                                </td>
                                <td>
                                    <input type="text" class="txtBox" id="txtEmail" name="txtEmail">
                                    <span style="color:Red;display:none;" class="validator" id="RequiredFieldValidator2">Email is required</span>
                                    <span style="color:Red;display:none;" class="validator" id="RegEx1">Email address is invalid</span>
                                </td>
                            </tr>
                            <tr>
                                <td class="caption">
                                    <label class="label" id="Label4" for="txtDayPhone">Phone Number:</label>
                                </td>
                                <td>
                                    <input type="text" class="txtBox" id="txtDayPhone" name="txtDayPhone">
                                        <span style="color:Red;display:none;" class="validator" id="RequiredFieldValidator3">Phone Number is required</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                </td>
                                <td>
                                    <input type="submit" id="buttonSubmit" value="Submit" name="buttonSubmit">
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </form>
        </body>
    </html>
</iframe>

wordpress php html jquery iframe-app
person Akash Pagare    schedule 06.05.2016    source источник
comment
Я пробовал с этим, но не работал   -  person Akash Pagare    schedule 06.05.2016
comment
Затем вам нужно показать нам, что вы пробовали, и объяснить, почему это не удалось. В противном случае ваш вопрос является точной копией вопроса, на который есть ссылка.   -  person Turnip    schedule 06.05.2016
comment
‹Тип сценария = текст / javascript› jQuery (документ) .ready (функция () {var cssLink = document.createElement (ссылка); cssLink.href = style.css; cssLink .rel = stylesheet; cssLink .type = text / css ; frames ['contact-frame']. document.body.appendChild (cssLink);}); ‹/Script›   -  person Akash Pagare    schedule 06.05.2016
comment
Я тоже пробовал это, но получаю ошибку $ ('# iframeview'). Load (function () {$ ('# iframeview'). Contents (). Find ('head'). Append ('‹link href = / css /iframe.css rel = styleheet type = text / css / ›');}); Ошибка: отказано в доступе к документу собственности   -  person Akash Pagare    schedule 06.05.2016