2017-09-18 17 views
0

これは私のiframeであり、多くのテーブルが含まれています。SrcはIframeで始まる

<iframe id="DlgFramed4906422-9070-4604-bd1b-91c4216b088a" class="ms-dlgFrame" src="/Lists/Interne%20nyheder/DispForm.aspx?ID=68&amp;IsDlg=1" frameborder="0" style="width: 592px; height: 542px;"></iframe>

私はiframe[src^="/Lists/Interne%20nyheder/DispForm.aspx"]を使用しようとしていますが、私のページ上で動作していないようです。

私のCSSから削除すると、下のコードは正常に動作します。

のCss

iframe[src^="/Lists/Interne%20nyheder/DispForm.aspx"] { 

    #MSOZoneCell_WebPartWPQ1 { 
     .ms-formtoolbar { 
      display: none; 
     } 

     .ms-formtable { 
      /*width: 70%;*/ 
      tbody { 
       tr { 
        td.ms-formlabel { 
         display: none; 
        } 
       } 
      } 
     } 
    } 
} 
+0

このCSSやLESS/SCSSですか?通常のCSSでは、そのようなクラスをネストすることはできません。それはコンパイラを経由しなければならない。 – OptimusCrime

+0

@OptimusCrime申し訳ありません、それを追加するのを忘れました –

+0

あなたはクラスまたはIDを使用することはできません? – OptimusCrime

答えて

0

間違っているが、それはiFrameのセレクタではありません何か他のがあるように思われます。 iFrameに使用しているCSSセレクタが実際に動作していることを確認できます。下記の最小の例では、これを自分で見ることができます。

iframe { 
 
    border: 10px solid green !important; 
 
    display: block; 
 
    width: 200px; 
 
    height: 200px; 
 
} 
 
iframe[src^="/Lists/Interne%20nyheder/DispForm.aspx"] { 
 
    border: 10px solid blue !important; 
 
}
<iframe src="/Lists/Interne%20nyheder/DispForm.aspx"> 
 
</iframe>

関連する問題