相关疑难解决方法(0)

当我的嵌入式视频暂停时,Youtube会显示带有视频建议的菜单.iframe中的元素具有"ytp-pause-overlay"类

如何在不删除控件的情况下将其删除？

我正在创建一个HTML编辑器,类似于我现在正在键入的输出,下面的输出.我正在使用iframe并将$ htmlTextBox.val()转储到iframe的主体中.

我正在尝试在iframe中创建一个样式表,以使它看起来像它的工作一样好.

提前致谢!

$htmlTextBox.keyup(function(){
    SetPreview();
});   

function SetPreview()
{
    var doc = $preview[0].contentWindow.document;
    var $body = $("body", doc);

    $body.html($htmlTextBox.val());
}

我有一个显示谷歌文档文档的iframe代码:

<div itemprop="description" class="col-xs-12 no-h-padding" id="article_desc" style="margin:0 auto; width:90%; float:none;">

  <iframe src="https://docs.google.com/viewer?url=http://example.com/docs/1.pdf&hl=ar&embedded=true" scrolling="no"></iframe>

</div>

iFrame效果很好,并显示以下iFrame:

现在我想将上图中的灰色背景更改为白色背景颜色,我一直在寻找解决方案,我想出了这个,但它不起作用,背景变白了(我的自定义css)但谷歌文档没有工作,它显示一条消息告诉我"iFrame内部出了问题".

有谁知道我怎么能改变灰色背景颜色？

编辑 它适用于谷歌Chrome和Opera,但不适用于Firefox和Safari.

我有一个iframe具有Google Calendar:

<iframe name="iframe1" id="iframe1" src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%230c4da1&amp;src=example.com" style="border-width:0" width="800" height="600" frameborder="0" scrolling="no"></iframe>

疑问: 我可以自定义Google Calendar使用CSS？如果没有,我可以另外定制？

我想改变字体大小,颜色等.

我正在开发一个需要基本日历的网站,并考虑添加Google日历.问题是我真的想要设置整个嵌入式日历的样式,但它在iframe中甚至添加!对目标类很重要不起作用.

有没有办法向iframe添加一些CSS？通过一些JavaScript或什么？

谢谢!

我有一个带有IFrame链接到文本文件的html页面,我的html页面的主体设置为黑色,IFrame txt的默认颜色是黑色,所以我看不到我的文本:/我想知道如何更改文字颜色,谢谢.zeokila

<iframe src="http://wordpress.org/extend/plugins/about/readme.txt" width="470" frameborder="0" marginheight="0" marginwidth="0" style="overflow-x:hidden"></iframe> 

我已经在我的网站上嵌入了一个显示多个日历的谷歌日历,但我希望日历显示的颜色不是默认选项.

请求URL包含每个日历的颜色参数,但似乎不接受非默认颜色.(渲染的颜色似乎也不一样)

看源头; 每个事件的颜色由内联CSS定义,并且似乎没有可用于通过CSS文件设置样式的类或ID属性.

我已经尝试使用PHP获取日历的html,然后使用字符串替换来更改颜色(基于此答案),但它不会更改颜色我正在使用的PHP文件:

<?php

$content = file_get_contents('https://www.google.com/calendar/embed?showTitle=0&showPrint=0&showTabs=0&showTz=0&height=750&wkst=2&bgcolor=%23FFFFFF&src=1.keswickscouts.org_5d750s21fh55t45nsh4i49co5g%40group.calendar.google.com&color=%23691426&src=1.keswickscouts.org_k8ai784s6meu1eh71fk21etseg%40group.calendar.google.com&color=%23182C57&src=1.keswickscouts.org_4omjhqh48ud1lkigino18dmid0%40group.calendar.google.com&color=%232F6309&src=06illa48gj7en6896jv32cm93c%40group.calendar.google.com&color=%23125A12&src=1.keswickscouts.org_m6mb8idejtptmfkve9gm6latd8%40group.calendar.google.com&color=%236B3304&src=1.keswickscouts.org_5uaafulf65hrc4b64j3bfa6660%40group.calendar.google.com&color=%235229A3&src=1.keswickscouts.org_qudhcb0ii68u6b5mgs2ase200o%40group.calendar.google.com&color=%23B1365F&ctz=Europe%2FLondon');

$content = str_replace('</title>','</title><base href="https://www.google.com/calendar/" />',$content);

$content = str_replace('B5515D','CC9966', $content); //ASU
$content = str_replace('536CA6','099FF', $content); //Beavers
$content = str_replace('7EC225','33CC00', $content); //Cubs
$content = str_replace('125A12','006990', $content); //Eden
$content = str_replace('194D14','999966', $content); //Explorers
$content = str_replace('8C66D9','4D2177', $content); //Group
$content = str_replace('E67399','006666', $content); //Scouts

echo $content;

?>

任何sugestions？更简单会更好

我正在尝试设置snapwidget instagram feed的样式,我想让边框变白.这不是小部件的设置,所以我尝试添加css.似乎我的css没有被检测到,因为内容是在iframe中.有没有办法强制我的CSS在iframe内容？

我想在iframe中为内容应用CSS样式,请查看此链接http://jsfiddle.net/pPqGe/

jQuery的:

$(document).ready(function() {
    $('iframe').contents().find('h1').css('color','red');
});

HTML:

<iframe src="mysite" width="100%" height="100%" id="myframe"></iframe>

对于iframe来源,我使用了一个实时网站.

我已经实现了Googles new recaptcha复选框,如下所示:

<div class="g-recaptcha" data-sitekey="MY_SITE_KEY"><div>

加载iframe内容时如下所示:

<div class="rc-anchor rc-anchor-standard">
  ...
</div>

以下是为当前外观定义的样式:

.rc-anchor-standard {
  background: #f9f9f9;
  border: 1px solid #d3d3d3;
  color: #000;
}

我正试图实现这个目标:

我已将此添加到我的css文件中:

.rc-anchor-standard {
  background: #ffffff !important;
  border: 0px !important;
  color: #ffffff !important;
}

风格永远不会改变......任何想法为什么这不起作用？

谢谢,-Paul