md-slider仅更改第一个点

时间:2015-12-03 11:07:42

标签: html css angularjs angular-material

我正在尝试使用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;
}

1 个答案:

答案 0 :(得分:0)

这是我使用过的工作(直到更好的解决方案出现在自己身上)

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