md滑块只更改第一个点

Question

我正在尝试处理md滑块中第一个点的大小和颜色，我环顾四周，但只找到了一种显示方法：没有点，没有高度和/或颜色，也绝对没有处理特定点的方法。我可能只会添加一个外部元素，但这是一个我不是100%满意的解决方案。

 <md-slider ng-show="firstCondition === false" 
       ng-disabled="true" flex="" 
       style="margin-right: 2%;" 
       class="md-primary " md-discrete 
       ng-model="mySlider[0]"   
       step="1" min="0" max="3" aria-label="mySlider">
  </md-slider>

css：

 .md-track-ticks canvas { 
    display: none; 
}
 .md-track-ticks canvas:first-child { 
    display: inline-block; 
    background-color:orange;
    width:12px;height:12px;
}

Answer 1

这就是我使用的解决方案（直到出现更好的解决方案）

<ng-md-icon icon="lens" size="12" style=" fill:#111;position:absolute;top: 23px;left:1px;"></ng-md-icon>