Twitter嵌入式时间轴背景色

Dan*_*382 3 css embed twitter iframe

使用下面的Twitter嵌入方法(https://dev.twitter.com/web/embedded-timelines),特别是使用网格布局,是否可以控制背景颜色?

上下文中的问题:http : //bitly.com/2aFUuhj

我想更新的样式在“ GridLayoutTextOnlyTweet”类中,但这在iFrame中。

小智 7

不错的答案,但后来我这样做了,黑暗主题立即对我有用

data-theme="dark"
Run Code Online (Sandbox Code Playgroud)

查看此链接以获取参考 https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/guides/embedded-tweet-parameter-reference


小智 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


Tob*_*oby 0

你可以这样做:

.GridLayoutTextOnlyTweet {
  background: red;
}
Run Code Online (Sandbox Code Playgroud)

它在 iframe 中应该不重要。您可能需要添加!important以覆盖默认样式,但首先尝试不添加。