html - 如何覆盖 iframe 中设置的 css 类?

标签 html css iframe

<分区>

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

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

enter image description here

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

最佳答案

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

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

关于html - 如何覆盖 iframe 中设置的 css 类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39859634/

上一篇:使用 scrollIntoView 的 JavaScript 平滑滚动效果

下一篇:css - 我缺少什么渐变?

相关文章:

javascript - 如何从 iframe(跨源)访问 onfocus 事件?

html - 是否可以在非常特定的持续时间内播放HTML5音频元素(小于声音咬合的总持续时间)

javascript - 如何使用 jQuery 通过数据属性查找动态添加的元素?

javascript - 获取图像的子字符串没有

html - 如何只显示一组圆形元素的上半部分?

html - 使 iframe 和页脚发挥良好

iframe - 如何在youtube嵌入iframe中禁用了解更多 anchor 标签

php - 在网站上存储/跟踪用户事件

javascript - 滚动线动画 - HTML、CSS、JS

javascript - 改变css样式取决于真实的白天和黑夜时间