如何覆盖amp民意调查中%文本的样式?

问题描述

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

解决方法

我假设您在谈论二进制轮询,因为常规轮询不会将强调色用作底部的背景。当前没有办法独立于二进制轮询中的文本更改背景,因为它们都使用相同的强调色以保持一致性。

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

例如:

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

如果上述替代方法无效,请随时提交功能请求here使其循环。

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...