如何使一个角料滑块垂直使用CSS？ [英] How to make an Angular Material slider vertical using CSS?

问题描述

我试图使角料指令垂直渲染。我已经尝试使用变换：在CSS转动，但滑块开始表现和渲染不同

I am trying to make the angular material directive to render vertically. I have tried using transform:rotate in the CSS but the slider starts behaving and rendering differently.

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

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

下面是我plunker（链接）中的链接。我使用的CSS，因为据我所知有角形材料没有正式的垂直滑块组件。

Here is the link to my plunker (link). I am using CSS because AFAIK there is no official vertical slider component for angular material.

推荐答案

在此期间有一个垂直滑块:)
就在属性 MD-垂直添加到您的滑块。

In the meantime there is a vertical slider :) Just add the attribute md-vertical to your slider.

这篇关于如何使一个角料滑块垂直使用CSS？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！