如何在精美的盒子内设置元素的样式

发布于 2024-09-30 17:35:37 字数 542 浏览 4 评论 0原文

这是我第一次使用模态窗口。我目前正在使用精美的盒子。但问题是我无法设置其中元素的样式。使用通常的 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" />

它看起来像这样：

alt text

我怎么想给它加上风格

原文

Its my first time using modal windows. And I'm currently using fancy box. But the problem is I can't style the elements inside of it. Using the usual styling using css.
I'm calling regprod.php which is a create form and put it inside the modal window. But I can't see the style that I applied.

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

I used the exact url to link the css file to regprod.php:

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

It looks like this:

alt text

How am I suppose to put style on it

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

听风念你 2024-10-07 17:35:37

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

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

You should use JS instead of traditional CSS to acces remote iframe contents.
That'a an example of iframe access with jQuery :

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

回复收藏 0 原文

柒七 2024-10-07 17:35:37

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

fancybox 获取 regprod.php 的内容，然后放入一个 div（实际上是 mant div。）

回复收藏 0 原文

一场信仰旅途 2024-10-07 17:35:37

我添加这个答案以供将来参考该主题...我还发现了 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>

I'm adding this answer for future reference on the subject... I've also found with fancybox to style in the HTML file you use in your iFrame. This works well, if you don't want to mess with JavaScript. I usually end up using both, but in this case I think that it would be very easy to use inline or internal CSS. For example, here is a snippet for a fancybox form that works well:

<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>

回复收藏 0 原文

~没有更多了~