如何使用CSS使Angular Material滑块垂直？

Question

我正在尝试使angular材质指令垂直渲染。我尝试在CSS中使用 transform：rotate ，但滑块开始表现和渲染方式不同。

md-slider {
    position: absolute;
    top: 40%;
    transform: rotate(270deg);

      max-width: 80px;
    max-height: 80px;
}

以下是my plunker (link)的链接。我正在使用CSS，因为AFAIK没有用于角度材质的官方垂直滑块组件。

Answer 1

在此期间有一个垂直滑块:) 只需将属性md-vertical添加到滑块即可。