使用 HTML CSS 根据背景对比度在两种颜色之间切换
[英]Switch between two color based on background contrast using HTML CSS
问题描述
I am trying to implement a range display, like in the image and the main challenge I am facing is to dynamically switch the font color of value when its background is darker.
我正在尝试实现范围显示，就像在图像中一样，我面临的主要挑战是在其背景较暗时动态切换 value 的字体颜色。
I have already tried mix-blend-mode: difference;我已经尝试过mix-blend-mode: difference; , but it doesn't help. ，但它没有帮助。
I want the font color to switch only between the two colors displayed in the image.我希望字体颜色仅在图像中显示的两种颜色之间切换。
1 个解决方案
解决方案1
0 2022-05-11 18:26:11
当进度条超过 0% 时，您可以硬编码字体颜色以更改
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
使用CSS在html中的两个图像之间切换 - Switch between two images in html with css
使用html n css的背景颜色 - background color using html n css
如何使用 HTML、CSS 和 JavaScript 根据值更改行的背景颜色？ - How can I change the background color of a row based on the value using HTML, CSS and JavaScript?
是否可以使用 CSS 根据背景颜色更改文本颜色？ - Is it possible to change text color based on background color using CSS?
使用case切换基于case的CSS更改背景图片 - Using switch case to change background image with css based on case
如何使用一个按钮在两个图像之间切换（html/js） - How to switch between two images using one button (html/js)
如何在 JavaScript 中使用 css 属性设置 HTML 元素的背景颜色 - How to set background color of HTML element using css properties in JavaScript
在两个元素之间打开/关闭文本颜色 - Switch on/off text color between two elements
使用切换开关更改背景颜色 - Change background color using toggle switch
使用switch语句更改div背景颜色 - Changing div background color using switch statement
相关标签