html - Giphy TV 边界半径

Question

我把 Giphy TV 放在我的网站上。现在我想给它圆形边框，但我没有成功。有人可以帮我吗？

https://giphy.com

Giphy 电视代码：

<div id="_giphy_tv"></div>
<script>
var _giphy_tv_tag="giphytrending";
var g = document.createElement('script'); g.type = 'text/javascript'; g.async = true;
g.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'giphy.com/static/js/widgets/tv.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(g, s);

您也可以从网站上复制它。谢谢。

Answer 1

嗯……

#_giphy_tv {
border-radius: 10px;
}

?

Answer 2

经过一些快速研究：

#asdf-container {
  border-radius: 30px !important;
}
#asdf-wrapper {
  background-image: none !important;
}

这两个规则都需要被标记!important，因为那是它们已经从 giphy 方面进来的。

https://jsfiddle.net/hykoyqo5/