PC端1px线条粗细不一的解决

问题描述

今天在用ele-ui的滑块，见下图

但是UI要求上面的圆圈是一条1px的线条

于是机智如我，哐哐开搞，下面均是对ele-ui的滑块进行的改动。

问题出现

我找到ele-ui的圆圈的css，直接在浏览器里进行了修改。
下面是圆圈的写法

UI要求高度10px，宽度1px，于是我就用常规写法

position: absolute;
height: 10px !important;
width<