Dan*_*382 3 css embed twitter iframe
使用下面的Twitter嵌入方法(https://dev.twitter.com/web/embedded-timelines),特别是使用网格布局,是否可以控制背景颜色?
上下文中的问题:http : //bitly.com/2aFUuhj
我想更新的样式在“ GridLayoutTextOnlyTweet”类中,但这在iFrame中。
小智 5
如果您使用的是从https://publish.twitter.com嵌入的新Twitter data-chrome="transparent"
,则可以添加以使背景透明,那么您只需设置具有背景颜色的包装元素即可。
到代码块
<a class="twitter-timeline" data-dnt="true" data-chrome="transparent" data-link-color="#ffcc00" href="https://twitter.com/StackOverflow">Tweets by StackOverflow</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
Run Code Online (Sandbox Code Playgroud)
其他可用选项包括:
data-chrome="transparent nofooter noborders noheader noscrollbar"
Run Code Online (Sandbox Code Playgroud)
说明文件:
https://developer.twitter.com/zh-CN/docs/twitter-for-websites/timelines/overview
你可以这样做:
.GridLayoutTextOnlyTweet {
background: red;
}
Run Code Online (Sandbox Code Playgroud)
它在 iframe 中应该不重要。您可能需要添加!important
以覆盖默认样式,但首先尝试不添加。