如何設計花式框中的元素

它是我第一次使用模態窗口。而我目前正在使用花式框。但問題是我無法設計它內部的元素。使用通常使用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

我怎麼想放的風格在它上面

來源

2010-11-06 user225269

您應該使用JS，而不是傳統的CSS來存取權限遠程iframe的內容。 That'a的IFRAME訪問使用jQuery的例子：

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

來源

2011-02-25 14:23:38

把formstyle.css放在母版裏面。不是你用ajax調用的頁面。

的fancybox取regprod.php的內容，然後在一個div提出（逸岸MANT的div）

來源

2010-11-06 11:19:33 nerkn

我加入這個答案對於今後關於這個問題的參考...我也跟的fancybox發現風格你在使用HTML文件你的iFrame。如果你不想混淆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>

來源

2012-12-21 18:07:37 nicorellius

如何設計花式框中的元素

回答

相關問題