首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何覆盖amp poll中的% text样式?

如何覆盖amp poll中的% text样式?
EN

Stack Overflow用户
提问于 2020-10-01 20:03:24
回答 1查看 35关注 0票数 0

我正在尝试使用新组件在amp-stories中创建一些投票,但我在样式方面遇到了一些困难。有没有办法将结果部分中的%text的颜色与底部部分的背景分开设置?现在这两种颜色都是使用交互式重音颜色设置的,但在某些情况下,这是非常明亮的背景,两种颜色都被混合在一起,文本无法阅读。我知道如何使用!important,但我也想通过验证。

EN

回答 1

Stack Overflow用户

发布于 2020-10-02 02:33:42

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

这里有两种替代方法:您可以将主题设置为深色,并且将在提示部分使用强调色(但投票将使用黑色背景和白色强调色);或者,您可以将--interactive-prompt-background变量设置为要用作强调色的颜色,然后使用较暗的颜色作为对比度较好的强调色。如果提示符的背景较浅,则将文本颜色设置为深色也是一个好主意。

例如:

代码语言:javascript
复制
.binary-poll-class {
    --interactive-accent-color: orange;
    --interactive-prompt-background: yellow;
    --interactive-prompt-text-color: black;
}

如果上述替代方法都不起作用,请随时提交特性请求here以将其加入循环中。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64155014

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档