更改嵌入文本的颜色

【问题标题】：Changing the color of embeded text更改嵌入文本的颜色
【发布时间】：2021-06-10 00:31:17
【问题描述】：

我一直在尝试将此文本颜色设置为白色而不是黑色，以便在我们的网站上更具可读性。不幸的是，我没有成功改变它。我不确定我错过了什么，但我确定它就在我面前。我也确实通过一个网站来嵌入它。

<div id="medium-widget">  
</div>
<script src="https://medium-widget.pixelpoint.io/widget.js">

</script>

<script>MediumWidget.Init({renderTo: '#medium-widget', params: {"resource":"https://medium.com/paradigm-fund/c%C3%B8smos-network-proposal-to-add-the-gravity-dex-onto-cosmos-hub-is-live-tendermint-invests-in-c68d8600e35b","postsPerLine":3,"limit":6,"picture":"big","fields":["description","publishAt"],"ratio":"original"}})

</script>

【问题讨论】：

标签： javascript web colors embedded-resource

【解决方案1】：

我相信您可以像这样检查元素并覆盖 CSS：

以红色为例：

.medium-widget-article__description{
  color: red !important;
}

<div id="medium-widget">  
</div>
<script src="https://medium-widget.pixelpoint.io/widget.js">

</script>

<script>MediumWidget.Init({renderTo: '#medium-widget', params: {"resource":"https://medium.com/paradigm-fund/c%C3%B8smos-network-proposal-to-add-the-gravity-dex-onto-cosmos-hub-is-live-tendermint-invests-in-c68d8600e35b","postsPerLine":3,"limit":6,"picture":"big","fields":["description","publishAt"],"ratio":"original"}})

</script>

引自medium-widget.pixelpoint.io

自定义样式
此小部件不使用 iframe，它允许您覆盖它使用的所有现有样式并使其看起来不管你喜欢。例如，您可以自定义样式文章标题通过简单地定义 CSS 属性 medium-widget-article__title 类。

【讨论】：