我正在尝试使用新组件在amp-stories中创建一些投票,但我在样式方面遇到了一些困难。有没有办法将结果部分中的%text的颜色与底部部分的背景分开设置?现在这两种颜色都是使用交互式重音颜色设置的,但在某些情况下,这是非常明亮的背景,两种颜色都被混合在一起,文本无法阅读。我知道如何使用!important,但我也想通过验证。
发布于 2020-10-02 02:33:42
我假设您正在谈论二进制投票,因为常规投票不使用强调色作为底部的背景。目前还没有办法在二进制轮询中独立于文本更改背景,因为它们都使用相同的重音颜色来保持一致性。
这里有两种替代方法:您可以将主题设置为深色,并且将在提示部分使用强调色(但投票将使用黑色背景和白色强调色);或者,您可以将--interactive-prompt-background变量设置为要用作强调色的颜色,然后使用较暗的颜色作为对比度较好的强调色。如果提示符的背景较浅,则将文本颜色设置为深色也是一个好主意。
例如:
.binary-poll-class {
--interactive-accent-color: orange;
--interactive-prompt-background: yellow;
--interactive-prompt-text-color: black;
}如果上述替代方法都不起作用,请随时提交特性请求here以将其加入循环中。
https://stackoverflow.com/questions/64155014
复制相似问题