input range

Opmaak mogelijkheden van een input type:range testen. Met RGB als voorbeeld. Zie CSS style.

 

De eerste manier levert minst (= geen) mogelijkheden, om het uitzicht te bepalen en werkt in Firefox 'ondersteboven'.
Die werkt met:

    -webkit-appearance: slider-vertical; 
    appearance:  slider-vertical; 
    
Maar dat zou achterhaald zijn en in de toekomst niet meer ondersteund worden. Spijtig dat ze niet meer op die piste verder gingen.

De tweede werkt met:

    -webkit-appearance: none;
    appearance: none;
    transform: rotate(270deg);
    transform-origin:center;
    
Zo krijg je wel toegang tot de opmaak ervan, maar het positioneren is niet van de poes. Het heeft een tijd geduurd voor ik een aanvaardbare weg vond.