在Blogger中為iframe使用自定義CSS

Question

在Blogger中將自定義CSS與iframe一起使用時遇到一些問題。 我嘗試在HTML頁面中鏈接CSS以編輯iframe樣式，但沒有任何效果，我還嘗試在HTML頁面中直接編寫CSS，但沒有任何效果。

我想為Blogger網站上的iframe使用自定義CSS。

這個問題有什么解決辦法嗎？

Answer 1

您的答案是： 如何將CSS應用於iframe？

編輯：這不適用於跨域。

這里有兩件事：iframe塊的樣式和嵌入在iframe中的頁面的樣式。 您可以按通常方式設置iframe塊的樣式：

 <iframe name='iframe1' id="iframe1" src="empty.htm" frameborder="0" border="0" cellspacing="0" style="border-style: none;width: 100%; height: 120px;"></iframe> 

必須通過將iframe中嵌入的頁面樣式包含在子頁面中來進行設置：

 <link type="text/css" rel="Stylesheet" href="Style/simple.css" /> 

或者可以使用Javascript從父頁面加載它：

 var cssLink = document.createElement("link") cssLink.href = "style.css"; cssLink.rel = "stylesheet"; cssLink.type = "text/css"; frames['frame1'].document.body.appendChild(cssLink);