[gelöst] Slider im Floorplan unterschiedlich formatieren

[Bubbles71]

Hallo,

ich versuche über die CSS verschiedene Slider im Floorplan unterschiedlich zu formatieren, z.B. unterschiedliche Hintergrundbilder.

Der "Standard" Slider ist aktuell so definiert:

Code Auswählen Erweitern

.slider { margin-left:10px; float:left; width:450px; height:100px; border-style:solid; border:0px solid; color:#FFFFFF; background-image:url(../images/fhemSVG/Lauris_slider2.png); background-size: cover; }

Wir kann ich nun einem anderen Slider (z.B. Geraet2) auf der selben Seite z.B. ein anderes Hintergrundbild geben oder die Größe anpassen? Ich habe über die CSS diverse Mutationen durchprobiert, aber keine führt zum Erfolg. Über die ID müsste ich den Slider doch direkt ansprechen können.

Aus dem Browser entnommen:

Code Auswählen Erweitern

<div class="slider" id="slider.Geraet2"><div class="handle" style="left:61.666666666666664px;">18</div></div>

In der CSS:

Code Auswählen Erweitern

#Geraet2.slider {...}
#slider.Geraet2.slider {...]
#slider.Geraetw {...]

Ist es überhaupt möglich, Slider auf eine Seite unterschiedlich zu formatieren?

Vielen Dank,

Roland

[mchilli]

Hi versuche mal:

Code Auswählen Erweitern

#slider\.Geraet2 {...]

[Bubbles71]

Vielen Dank, funktioniert