Tengo un experimento de comportamiento en jsPsych. Actualmente, presento a los participantes una imagen dibujada en un lienzo HTML y tienen que responder con un control deslizante. Sin embargo, no quiero que vean el pulgar hasta que hagan clic en el control deslizante (para evitar un sesgo). ¿Cómo puedo hacer eso?

 .jspsych-slider::-webkit-slider-thumb { /*border: 1px solid #666; height: 24px; width: 15px; border-radius: 5px; background: #ffffff; cursor: pointer;*/ -webkit-appearance: none; /*margin-top: -9px;*/ /*visibility: hidden*/; } .jspsych-slider::-ms-thumb {visibility: hidden;} .jspsych-slider::-moz-range-thumb {visibility:hidden;}

Intenté actualizarlos en el archivo CSS para jsPsych pero esto no parece ayudar. Además, probé otra solución existente para un complemento similar, pero eso tampoco ayuda con el complemento canvas-slider.

 on_load: function(){ document.querySelector('#jspsych-html-slider-response-response').addEventListener('click', function(e){ e.target.style.visibility = 'show'}) },

Cualquier ayuda en este sentido es apreciada. Gracias Prashanti