<![CDATA[VIS HTML Basic Widget - Bild soll S/W dargestellt werden]]>Ich versuche erfolglos ein farbiges Bild fallweise in Schwarz/Weiss darzustellen:

im CSS Reiter "allgemein" habe ich folgendes eingetragen:

@sw
.grau_filter {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

Im Widget habe ich unter CSS "grau_filter" eingetragen
6334f786-b9bd-4fed-8edb-c61b5e63a14b-image.jpeg

c10731b3-67ed-4b18-be9e-3f37d2929ac5-image.jpeg

Leider ohne Erfolg. Kann mir bitte iwer helfen?
mxa

]]>https://forum.iobroker.net/topic/85255/vis-html-basic-widget-bild-soll-s-w-dargestellt-werdenRSS for NodeSun, 30 Aug 2026 00:07:11 GMTSat, 29 Aug 2026 17:33:58 GMT60<![CDATA[Reply to VIS HTML Basic Widget - Bild soll S/W dargestellt werden on Sat, 29 Aug 2026 18:32:49 GMT]]>@metaxa
Dann ist da noch was dazwischen
Mit den webdeveloper Tools kannst Du das untersuchen
Rechte Maustaste auf das Bild und dann inspect oder untersuchen.
Da siehst Du dann auch ob der selector das Element trifft und auch dynamisch anpassen.
Bei chrome gibt da sogar einen kostenlosen ki Assistenten den du fragen kannst.
Einfach das css reinkopierennund fragen warum das Element nicht selektiert wird

]]>https://forum.iobroker.net/post/1352859https://forum.iobroker.net/post/1352859Sat, 29 Aug 2026 18:32:49 GMT<![CDATA[Reply to VIS HTML Basic Widget - Bild soll S/W dargestellt werden on Sat, 29 Aug 2026 18:09:54 GMT]]>

@OliverIO sagte:

Probier mal noch mit ergänzten img

@sw
.grau_filter img {
    filter: grayscale(100%);
}

Erstens danke für deine rasche Rückmeldung und zweitens, leider nein, keine Veränderung. Tut nix.

]]>https://forum.iobroker.net/post/1352857https://forum.iobroker.net/post/1352857Sat, 29 Aug 2026 18:09:54 GMT<![CDATA[Reply to VIS HTML Basic Widget - Bild soll S/W dargestellt werden on Sat, 29 Aug 2026 18:02:32 GMT]]>@metaxa

Das css selektiert das Widget was ein div ist, muss aber direkt das img tag treffen.
Probier mal noch mit ergänzten img


.grau_filter img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

Das selektiert alle img tags unterhalb des Elements was mit deiner css Klasse versehen ist

Wenn du nicht ausgerechnet Opera Mini nutzt, kannst du die WebKit zeile entfernen
Mittlerweile können Filter nahezu alle Browser

]]>https://forum.iobroker.net/post/1352856https://forum.iobroker.net/post/1352856Sat, 29 Aug 2026 18:02:32 GMT