元素类没有'；t在通过jquery添加到iframe后加载其CSS属性

在加载iframe之后，我尝试使用jQuery将一些元素添加到iframe中

$（'#container'）.html（''）。添加的元素出现在页面上，但该类不加载css属性！有人能解释一下这个问题吗

这是一节课

.player{宽度：150px；高度：30px；背景图像：url（../img/bg.svg）；背景重复：不重复；填充：5px；}

这就是它的表现

应该是这样的

---

您是否加载了正确的CSS？ 您是否尝试过更改类名，然后对其应用CSS？ 您是否尝试过这样更改CSS：

`iframe {
width: 150px;
height: 30px;
background-image: url(../img/bg.svg);
background-repeat: no-repeat;
padding: 5px;
}`

?

尝试将没有类的iframe放在div中，然后在CSS文件中调用它

`<div class="iframewrap">
    <iframe></iframe>
 </div>

    .iframewrap iframe {
    width: 150px;
    height: 30px;
    background-image: url(../img/bg.svg);
    background-repeat: no-repeat;
    padding: 5px;
    }`

`
.iframe包装iframe{
宽度：150px；
高度：30px；
背景图像：url（../img/bg.svg）；
背景重复：无重复；
填充物：5px；
}`

您是否加载了正确的CSS？ 您是否尝试过更改类名，然后对其应用CSS？ 您是否尝试过这样更改CSS：

`iframe {
width: 150px;
height: 30px;
background-image: url(../img/bg.svg);
background-repeat: no-repeat;
padding: 5px;
}`

?

尝试将没有类的iframe放在div中，然后在CSS文件中调用它

`<div class="iframewrap">
    <iframe></iframe>
 </div>

    .iframewrap iframe {
    width: 150px;
    height: 30px;
    background-image: url(../img/bg.svg);
    background-repeat: no-repeat;
    padding: 5px;
    }`

`
.iframe包装iframe{
宽度：150px；
高度：30px；
背景图像：url（../img/bg.svg）；
背景重复：无重复；
填充物：5px；
}`

我想我必须补充一点，这个问题发生在AngularJS指令内部的Iframe中！我想我必须补充一点，这个问题发生在AngularJS指令内部的Iframe中！不幸的是，这没有帮助！不幸的是，这没有帮助！