0

我正在尝试使用新组件在 amp-stories 中创建一些民意调查,但我在样式方面遇到了一些困难。有什么方法可以将结果部分中 %text 的颜色与底部背景分开设置?目前,两者都使用交互式强调色进行设置,但在某些情况下,背景非常明亮,两种颜色都混合在一起,文本不可读。我知道如何使用!important,但我也想通过验证。

4

1 回答 1

0

我假设您正在谈论二进制民意调查,因为常规民意调查不使用强调色作为底部的背景。目前无法独立于二进制投票中的文本更改背景,因为它们都使用相同的强调色来保持一致性。

这里有两种选择:您可以将主题设置为深色,提示部分将使用强调色(但投票将有深色背景和白色强调);或者您可以将--interactive-prompt-background变量设置为要用作重音的颜色,然后使用较暗的颜色作为对比良好的重音。如果提示具有浅色背景,将文本颜色设置为深色也是一个好主意。

例如:

.binary-poll-class {
    --interactive-accent-color: orange;
    --interactive-prompt-background: yellow;
    --interactive-prompt-text-color: black;
}

如果上述替代方案不起作用,请随时在此处提交功能请求以使其进入循环。

于 2020-10-01T18:33:41.727 回答