Estoy tratando de cambiar la apariencia del control deslizante predeterminado en jsPsych que se ejecuta en cognition.run. He subido varios archivos css personalizados, pero parece que no puedo hacer ningún cambio en la apariencia (de nada).

En jsPsych hay una barra azul a la izquierda del marcador (casi como una barra de progreso o algo así ( ver aquí la imagen del control deslizante jspsych ) pero estoy más interesado en una posición absoluta (sin la barra azul similar a este control deslizante de estilo qualtrics ).

¿Algún consejo sobre cómo modificar esto?

El código que estoy usando para esta pregunta está abajo. Si hubiera una solución en línea estaría muy agradecido.

 var initial_judgement_control = { type: 'html-slider-response', stimulus: jsPsych.timelineVariable('InJu1'), min: 1, max: 7, start: 4, labels: ['1</br>Morally Wrong','2','3','4<br>Neutral','5','6', '7</br>Morally Right'], on_finish: function(data){ var response = JSON.parse(data.response); var reactiontime = JSON.parse(data.rt) jsPsych.data.addProperties({InJu1: response, InJu1_rt: reactiontime, InJu1_trial1: 1, InJu1_trial2: null, InJu1_trial3: null}); }, require_movement: true, response_ends_trial: true, }