css - How to change the surrounding color of a selected slider handle in ant-design?

Question

This is the codesandbox with some attempts to change that https://codesandbox.io/s/basic-antd4102-forked-jn0si?file=/index.css

I managed to change all other colors, but the blue color surrounding the circular handle cannot be changed, can any one give some help? Thank you very much !

Answer 1

enter image description here

For anyone who has the same problem, please try box-shadow

For example,
box-shadow: 0 0 0 5px fade(rgb(122, 122, 122),12%);