Ios 我可以做些什么来移除这个SoundCloud小部件周围出现的1px边框吗?

Ios 我可以做些什么来移除这个SoundCloud小部件周围出现的1px边框吗?,ios,css,widget,border,soundcloud,Ios,Css,Widget,Border,Soundcloud,,小部件周围有一个1px边框。它只出现在iOS上。我可以在inspector中看到导致此问题的CSS: .widget { ... border: 1px solid #e5e5e5; ... } 这是iframe: <iframe src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/307068209&amp;auto_play=false&amp;hid

,小部件周围有一个1px边框。它只出现在iOS上。我可以在inspector中看到导致此问题的CSS:

.widget {
  ...
  border: 1px solid #e5e5e5;
  ...
}
这是iframe:

<iframe src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/307068209&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true" scrolling="0" frameborder="0"></iframe>


我知道CSS不能影响iframe中来自不同域的元素,但客户端说它看起来很糟糕。我可能正在做什么来让它出现?如果没有,有什么方法可以删除此项吗?

您可以隐藏/剪辑整个iframe的最外层1px,但这可能会产生也可能不会产生理想的效果


我最终接受了这篇帖子的建议:

还加上一个坏小子:

.iframe-wrapper:before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .4) inset;
  z-index: 1;
  width: 100%;
  height: 100%;
}
这样可以很好地隐藏边框

frameborder="no"
而不是

frameborder="0"
frameborder="0"