Unable to add border to the rangeslider area

plotly.js
1

I have implemented a scatterplot with rangeslider below it. I want to apply border to the rangeslider area so I tried adding the attributes such as borderwidth and bordercolor. But the attributes are not working for me.

xaxis: {
        autorange: false,
        fixedrange: false, // true disables range selection on main graph
          range: this.state.axisRange,
        rangeslider: {
          range: this.state.sliderRange,
          visible: true,
          borderwidth: 2,
          bordercolor: '#fff'
        }
}

I tried to apply css changes to the rangeslider className but that didn’t work either. Is there any other way that this can be achieved ?

2

Hmm. Could you provide a fully reproducible example to help us debug? This seems to work ok -> https://codepen.io/etpinard/pen/LqxGmE