代码之家 › 专栏 › 技术社区 › M Schenkel

将css应用于iframe中包含的表

iframe css

M Schenkel · 技术社区 · 14 年前

在内部 框架??我已经读过内部样式表只应该在head部分定义。外部css不是一个选项。

下面是一个内容示例 iframe。

    <STYLE TYPE="text/css">
    .className{
            background-color: #444444;
    }
    </STYLE>


    <table>
     <tr>
        <td class="className">
           Column 1.
        </td> 
        <td>
           Column 2.
        </td>
     </tr>
    </table>

或者是唯一的选择 内联css

2 回复 | 直到 14 年前

quakkels 14 年前

iframe内容应该是完整的html/xhtml。您在问题中列出的内容将起作用,但我看不出没有完整的html标记的原因,包括 <head>

声明iframe时,应缩小为完整的html文件:

<iframe src ="myIframeContents.html">
  <p>Your browser does not support iframes.</p>
</iframe>

myIframeContents.html应该像对待任何其他html文件一样对待。它应该有html、head、body等的标记,这意味着您可以 <style> 直接标记到 <头部> 就像你平时一样。

<html>
    <head>
        <style type="text/css"> 
        .className{ 
            background-color: #444444; 
        } 
        </style> 
    </head>
    <body>
       <table> 
           <tr> 
              <td class="className"> 
                 Column 1. 
              </td>  
              <td> 
                 Column 2. 
              </td> 
           </tr> 
       </table>
    </body>
</html>