在Blogger中爲iframe使用自定義CSS

Question

我在Blogger中使用自定義CSS與iframe一些問題。 我試圖鏈接HTML頁面中的CSS來編輯iframe樣式，但沒有任何工作，我也嘗試直接在HTML頁面中編寫CSS，但沒有任何工作。

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

有沒有解決這個問題的方法？

Answer 1

這是你回答： How to apply CSS to 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);