Giphy TV 边界半径答案

【问题标题】：Giphy TV border radiusGiphy TV 边界半径
【发布时间】：2018-02-27 22:26:37
【问题描述】：

我把 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);

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

【问题讨论】：

标签： html css border giphy

【解决方案1】：

经过快速研究：

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

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

https://jsfiddle.net/hykoyqo5/

【讨论】：

高度来自具有此元素的样式属性中的 Javascript 内联。

【解决方案2】：

嗯嗯……

#_giphy_tv {
border-radius: 10px;
}

【讨论】：

通常是简单的方法，这并不能解决这里的问题。