Перевизначити CSS в iframe-css, iframe

На ця сторінка, форма є iframe, що надається JotForm.

Я хочу залишити вирівнювання форми та зменшити проміжку навколо елементів LI, які містять текстові поля.

У Magento Go (платформі веб-сайту, на якому розміщено веб-сайт), я ввів наступний код в custom.css:

iframe#40142457787864 form#40142457787864 .form-all {margin: 0 !important;}
iframe#40142457787864 form#40142457787864 .form-line {padding: 4px 0 !important;}

Проте це не застосовується браузером.

Чому ні?

Відповіді:

Форма не є нащадком iframe.

Це елемент у іншому документі з власним DOM, який завантажується в iframe.

Якщо ви хочете створити його, вам потрібно буде змінити таблицю стилів для документа, завантаженого в iframe, а не документ, що містить iframe.