Переопределить ширину CSS для вложенного класса [duplicate]

0

У меня есть страница, которая содержит тег скрипта, который извлекает форму опроса из JotForm. По существу, размещение тега в HTML вытягивает контент от третьей стороны, которая является формой. Введенный код - полная страница, т.е. Содержит элемент html, содержащий iframe.

Проблема в том, что существует класс, называемый form-all, который имеет ширину, установленную на 690, которая не подходит на нашем сайте, она слишком широка, поэтому отключается.

Мне нужно знать, как я могу удалить эту ширину в классе form-all из моего html-кода?

Структура будет примерно такой:

<html> <!-- My html element //-->
 ...
 ...

   <html> <!-- html element pulled in from 3rd party code, everything within is 3rd party //-->
     <iframe>
        <div class='form-all'>

        </div>
     </iframe>
   </html>

</html>

Как удалить ширину формы - все, поместив код в мой код, который я контролирую?

Благодарю.

  • 1
    Извините, вы не можете. IFrames выходят за пределы как JavaScript (из соображений безопасности), так и CSS (изоляция). Это может быть нарушено с помощью межсайтовых сценариев, но это не совсем работает, когда IFrame предоставляется третьей стороной.
  • 0
    Попробуйте посмотреть, есть ли в JotForm опции для изменения ширины, или они позволяют вам добавлять собственные CSS.
Показать ещё 1 комментарий
Теги:

1 ответ

1
Лучший ответ

JQuery:

$("#iFrame").contents().find("#someDiv").removeClass("form-all");

источник

  • 0
    на основе комментария @MelanciaUK

Ещё вопросы

Сообщество Overcoder
Наверх
Меню