CSS to distinguish icons for different values - Printable Version +- LogicMachine Forum (https://forum.logicmachine.net) +-- Forum: LogicMachine eco-system (https://forum.logicmachine.net/forumdisplay.php?fid=1) +--- Forum: Visu (https://forum.logicmachine.net/forumdisplay.php?fid=24) +--- Thread: CSS to distinguish icons for different values (/showthread.php?tid=6172)

CSS to distinguish icons for different values - stianj - 31.10.2025 I'm using the "Numeric value display" widget. Is it possible to distringuish the different icons in CSS? I have a (custom) icon that I want to use for several values, but I would like to change the color. I can do that using the css filter property, but then I need to be able to distinguish the the values using css...  I can of course also change the color of the icon in an editor and upload 10 different versions - but would prefer if it was possible with CSS...  Could also be useful with the Switch widget... RE: CSS to distinguish icons for different values - admin - 31.10.2025 Not possible at the moment but we will think of something RE: CSS to distinguish icons for different values - stianj - 31.10.2025 Thank you! RE: CSS to distinguish icons for different values - admin - 11.12.2025 You can now apply CSS rules based on the widget value. See this example: https://forum.logicmachine.net/showthread.php?tid=6211&pid=40642#pid40642 Similar CSS rules can be used with numeric values: .my-custom-class[data-value="123"] RE: CSS to distinguish icons for different values - stianj - 11.12.2025 Thank you, thank you, thank you!