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

将css应用于iframe中包含的表

iframe css

M Schenkel · 技术社区 · 15 年前

在内部 框架??我已经读过内部样式表只应该在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 回复 | 直到 15 年前

quakkels 15 年前

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>

FatherStorm 15 年前

那里的方法会奏效的。标记应该在文档的头部使用,但也可以出现在其他地方,并且是DOM分支的本地标记,包括iframe

推荐文章

mlsmet · 无法在Android手机上水平滚动表格

3 年前

lord stock · 硒在iframe中引发与下拉菜单相互作用的非接触元素异常

3 年前

ironmantis7x · 我无法使用html更改iframe中文本的文本颜色

3 年前

GÊá´á´á´ÊCá´á´ · 如何预加载或检测CDN承载的视频何时加载到盖茨比的折叠上方?

3 年前

ControlAltDel · 从iframe中加载的html页面上的源脚本获取Javascript变量

3 年前

Soniya Joshi · Android如何在Android iframe webview中传递url?

7 年前

Hellpless · 根据iframe-Google自动播放策略中的allow=“Autoplay”属性激活自动播放

7 年前

rosu alin · Vimeo视频不会在iframe中的chrome上启动。未调用LoadProgress

7 年前

Mahsa · 如何在javascript中获取iframe中链接的坐标

7 年前

Dixon Chaudhary · 在Laravel中维护会话和身份验证

7 年前