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

【问题标题】：How to make an Angular Material slider vertical using CSS?如何使用 CSS 使 Angular Material 滑块垂直？
【发布时间】：2015-12-15 00:11:16
【问题描述】：

我正在尝试使角度材质指令垂直渲染。我曾尝试在 CSS 中使用 transform:rotate，但滑块开始表现和呈现不同。

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

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

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

【问题讨论】：

【解决方案1】：

同时有一个垂直滑块:) 只需将属性 md-vertical 添加到您的滑块。

【讨论】：

这是什么时候添加的？上次我在 2015 年 9 月左右检查时，这只是在功能请求列表中，我记得开发人员在谈论它可能不是首要任务，因为垂直滑块几乎没有用例。
是的，它已添加到最新版本的材料中。尝试使用 1.1.0-rc4 版本，例如来自 cdn cdnjs.com/libraries/angular-material/1.1.0-rc4 它适用于我