Unbounce ランディング ページ内に Wufoo フォームがあり、カスタム スタイルシートを使用して Wufoo フォームにカスタム スタイルを適用しようとしています。ただし、変更を公開しても、スタイルシートはフォームの外観を変更しません。
フォームの HTML は、ランディング ページに挿入された JavaScript スニペットによって生成され、CSS スタイルシートは派手なものではありません (h2 タグのスタイリングなど、非常に初心者向けのもの)。
この問題に遭遇した人や、解決方法を知っている人はいますか? ありがとう!
編集: これは、Wufoo が使用する Javascript スニペットです -
var zzzzzz000000;
(function(d, t) {
var s = d.createElement(t),
options = {
'userName': 'xxxxx',
'formHash': 'yyyyy',
'autoResize': true,
'height': '483',
'async': true,
'host': 'wufoo.com',
'header': 'show',
'ssl': true
};
s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'www.wufoo.com/scripts/embed/form.js';
s.onload = s.onreadystatechange = function() {
var rs = this.readyState;
if (rs)
if (rs != 'complete')
if (rs != 'loaded') return;
try {
zzzzzz000000 = new WufooForm();
zzzzzz000000.initialize(options);
zzzzzz000000.display();
} catch (e) {}
};
var scr = d.getElementsByTagName(t)[0],
par = scr.parentNode;
par.insertBefore(s, scr);
})(document, 'script');