嵌入式 soundcloud 播放器中的样式 css
styles css in embeded souncloud player
我正在尝试制作一个小网站,我使用嵌入代码在网页中显示 soundcloud 音乐。
但是,我想删除橙色按钮播放和我的 iframe 下的播放器。
我正在研究我发现我可以用 css 来做到这一点,只是隐藏按钮。
所以我在我的页面中创建了一个样式 css 但除了与框架 soundcloud 相关的样式之外,所有样式都包含在内。
有人可以帮助我吗?
因为当我使用 inspect 元素直接在页面上进行更改时它起作用了。
提前致谢。
CSS
您在 CSS 文件上书写不会影响 iFrame 的内容。
解决方案:
- 您真的需要 iFrame 吗?不能使用模态 window 或类似的东西来完成吗?
- 添加 CSS 您要使用 JS/JQuery 添加
$('iframe').load( function() {
$('iframe').contents().find("head")
.append($("<style type='text/css'> .my-class{display:none;} </style>"));
});
我正在尝试制作一个小网站,我使用嵌入代码在网页中显示 soundcloud 音乐。 但是,我想删除橙色按钮播放和我的 iframe 下的播放器。 我正在研究我发现我可以用 css 来做到这一点,只是隐藏按钮。 所以我在我的页面中创建了一个样式 css 但除了与框架 soundcloud 相关的样式之外,所有样式都包含在内。 有人可以帮助我吗? 因为当我使用 inspect 元素直接在页面上进行更改时它起作用了。
提前致谢。
CSS
您在 CSS 文件上书写不会影响 iFrame 的内容。
解决方案:
- 您真的需要 iFrame 吗?不能使用模态 window 或类似的东西来完成吗?
- 添加 CSS 您要使用 JS/JQuery 添加
$('iframe').load( function() { $('iframe').contents().find("head") .append($("<style type='text/css'> .my-class{display:none;} </style>")); });