Question

我已经在这个问题上挣扎了一段时间但仍无法找到解决方案。我已经在wordpress页面中为google日历创建了自定义CSS，但事实是，它无效。

我把这段代码放在页面中，我也放入了主题的自定义css，但它没有显示出来：

<style>
span#calendarTitle {display:none !important;}
.header img {display:none !important;}
.tab-name {display:none !important;}
.footer {display:none !important;}
.ui-rtsr-first-tab {display:none !important;}
</style>

希望有人能看出我做错了什么。附上实时页面链接：http://dilog.com.my/testing-page/

由于

Answer 1

由于您无法更改iframe中显示的页面样式，除非您可以直接访问源html和/或css文件。供您参考，请阅读详细信息Cross-site scripting (XSS)

尝试添加一些jQuery函数来隐藏iframe中的内容

$('iframe').load( function() {
    $('iframe').contents().find("head").append($("<style type='text/css'>  span#calendarTitle { display:none; }  </style>"));
});

wordpress中的自定义css样式但不起作用

1 个答案: