Quiero cambiar el color del rango de entrada y funciona con CSS, pero quiero cambiar el color usando javascript. Por favor, ayuda a arreglar esto.
CSS de trabajo
input[type='range']::-webkit-slider-thumb { -webkit-appearance: none; background: goldenrod !important; }código JavaScript
document.querySelector('.plyr--full-ui input[type=range]').style.setProperty('--plyr-range-thumb-background', 'green')¡Cualquier solución apreciada!
Está en la dirección correcta con las propiedades personalizadas de CSS (variables). Simplemente cambie el fondo a la propiedad personalizada y establezca su color predeterminado:
input[type='range']::-webkit-slider-thumb { --plyr-range-thumb-background: goldenrod; -webkit-appearance: none; background: var(--plyr-range-thumb-background); }