问题描述
我正在尝试使用新组件在amp-stories中创建一些民意调查,但是我在样式方面遇到了一些困难。有什么方法可以与底部背景分开设置结果部分中%text的颜色?目前,两种颜色都使用交互式强调色设置,但在某些情况下,即背景非常明亮,两种颜色都已融合在一起,文本难以辨认。我知道如何使用!important进行此操作,但我也想通过验证。
解决方法
我假设您在谈论二进制轮询,因为常规轮询不会将强调色用作底部的背景。当前没有办法独立于二进制轮询中的文本更改背景,因为它们都使用相同的强调色以保持一致性。
这里有两种选择:您可以将主题设置为深色,并且提示部分将使用强调色(但民意调查将具有深色背景和白色强调);或者您可以将--interactive-prompt-background
变量设置为要用作强调的颜色,然后使用较暗的颜色作为可以很好地形成对比的强调。如果提示的背景为浅色,则将文本颜色设置为深色也是个好主意。
例如:
.binary-poll-class {
--interactive-accent-color: orange;
--interactive-prompt-background: yellow;
--interactive-prompt-text-color: black;
}
如果上述替代方法无效,请随时提交功能请求here使其循环。