Uncorrect display of continuous slider in pavlovia

Online experiments
1

Description of the problem: I need to display a slider responce in a continuous manner during the experiment. I’ve succeeded using slider.markerPos in builder. However I found when converting to JS in pavlovia, the display was totally wrong concerning the marker, and even labels.

the uncorrect display in pavlovia:
JSwrong

correct display offline:
correct

setting of the slider:
setting

2

I’ve carefully checked the setting and compared the display under different setting. And I found the wrong display resulted from the setting of “Appearance-Styles”. If “slider” style is set, the display will be distorted. But “rating” style works fine online.