如何为自定义颜色设置背景颜色答案

【问题标题】：How to set background color for custom color如何为自定义颜色设置背景颜色
【发布时间】：2020-12-14 05:26:26
【问题描述】：

我使用自定义文本颜色显示数据，如何使用 Javascript / alpinejs 2.2 将背景颜色设置为始终清晰可见的文本？

谢谢！

【问题讨论】：

请访问help center，使用tour查看内容和How to Ask。做一些研究，搜索关于 SO 的相关主题；如果您遇到困难，请发布您尝试的minimal reproducible example，并使用[<>] sn-p 编辑器记录输入和预期输出。
根据您的文本颜色，“良好可见”的背景颜色几乎可以是所有内容。你的文字颜色是什么？
也许可以使用其中的一些想法：google.com/search?q=css+color+contrast

【解决方案1】：

使用 Alpine.js 可以绑定style 属性：

<div x-data="{ background: '#333' }" x-bind:style="`background-color: ${background}`">Dark grey background container</div>

【讨论】：