如何在花式框内设置元素样式

Question

这是我第一次使用模态窗口。我现在正在使用精美的盒子。但问题是我无法设计其中的元素。使用css的常规样式。 我正在调用regprod.php这是一个创建表单并将其放在模态窗口中。但我看不出我申请的风格。

<a id="inline"  href="http://localhost/pos/php/regprod.php" ><img src="http://localhost/pos/img/store/add-icon.png"></img></a>

我使用确切的url将css文件链接到regprod.php：

<link rel="stylesheet" href="http://localhost/pos/css/formstyle.css" />

看起来像这样：

我怎么想把风格放在上面

Answer 1

将formstyle.css放在母版页内。不是你用ajax调用的页面。

fancybox获取regprod.php的内容，然后输入div（infact mant divs。）

Answer 2

您应该使用JS而不是传统的CSS来访问远程iframe内容。 这是使用jQuery进行iframe访问的一个例子：

var yourFrame = $(’#yourFrameId’);
yourFrame.load(function() {
    yourFrame.contents().find(’#yourElementInFrame’).css('display:block');
});

Answer 3

我添加此答案以供将来参考主题...我还在fancybox中找到了您在iFrame中使用的HTML文件中的样式。如果您不想使用JavaScript，这很有效。我通常最终同时使用两者，但在这种情况下，我认为使用内联或内部CSS非常容易。例如，以下是适用于fancybox表单的代码段：

<form style="font: normal 16px/1.3em Helvetica, Verdana, Arial;"
    id="ml-form" class="site-form" method="post" action="">

    <p style="font-weight: bold; color: #6d6e71; text-align: center;">
        Mailing list sign up form</p>

    <div style="display: none;">
        <p id="login_error">Please enter data below...</p>
    </div>

    <table style="font-size: 0.8em; font-weight: bold; padding-left: 10px;">

    . . .

</form>