Giphy 电视边框半径

Question

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

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/

Giphy 电视边框半径

Giphy TV border radius

html

css

border

giphy