Resize-Handle vergrößern

[Rolf B]

Hallo JürgenB,

Wenn du nichts dagegen hast, bin ich faul und übernehme deinen Entwurf, statt deine Ideen in meinen einzuarbeiten.

Dafür hab ich's gemacht. Solltest Du dafür eine Belohnung leisten wollen, spende sie an Selfhtml 😉

Und aus dem Beispiel sollten wir noch ein Tutorial für's Wiki machen, und da dann auch vertikale Slider behandeln. Oder bekommen wir damit Ärger mit split.js?

Der Thumb bekommt den Fokus offenbar nicht, nur der Slider. Das sieht man an dem weißen Rahmen (dem outline), der beim Ziehen erscheint. Keine Ahnung, ist wohl so.

Lösung: andere Reihenfolge der Selektorteile. Was bei einer Abfolge von Pseudoklassen eigentlich wurscht sein sollte, aber dieses nonstandard-Zeugs ist eh merkwürdig. Ein :: signalisiert ein Pseudoelement, und das sollte ja nun ein Kind vom Slider sein. Also müsste da ein Space zwischen. Aber damit geht es nicht. So geht's:

Edit Rolf B: Pseudogeschwafel gestrichen

   .panel-slider:focus::-webkit-slider-thumb {
     background-color: #eee;
   }

Rolf