如何覆盖 iframe 中设置的 css 类? [复制]

Posted

技术标签:

【中文标题】如何覆盖 iframe 中设置的 css 类? [复制]【英文标题】:How to override css class set in iframe? [duplicate] 【发布时间】:2017-02-13 01:15:41 【问题描述】:

我的页面上有第三方 iframe 小部件组件。这就是我在页面正文中作为 html 字符串的全部内容。这个 iframe 带来了一些自定义按钮,其样式由该 widget.jsp 设置。除了<iframe> 组件外,Chrome 检查器不显示任何其他内容。但是 FireFox 在 <iframe> 中显示该按钮,样式类为“.button”

<iframe src='https://www.xxxxxxxx.com/aaa/bbb/widget.jsp?par1='TEST%20BUTTON'></iframe>

那么我该如何覆盖那个 .button 样式类呢?

【问题讨论】:

【参考方案1】:

浏览器安全性不允许通过 javascript 操作第三方 iframe 内容。从外部添加 CSS 也是不可能的。

更改样式的唯一方法是在widget.jsp 中。也许为您提供的人也可以提供 URL 参数,这将允许您更改其外观。

【讨论】:

以上是关于如何覆盖 iframe 中设置的 css 类? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

代码中设置的约束是不是会覆盖使用 AutoLayout 和 SizeClasses 创建的约束?

返回 url 发布到 PayPal 将覆盖已在 paypal 商家帐户中设置的返回 url

js中如何取得一个div的width?注意此css的width是在<style></style>中设置的。

如何正确命名包含返回从此类中设置的源中选择的值并以相同方式设置源值的属性的类?

Angular Material mat-sidenav 宽度比 CSS 中设置的值小 1 像素

css3中设置的img:hover不起作用