更改垫滑动滑块的方向

Question

我希望mat-slide-toggle只需将方向从右到左更改为从左到右。我并不是说与开关有关的文本（可以通过labelPosition属性来处理），而是实际的开关本身在关闭时在右侧，在打开时在左侧。我可以反转基础值，然后在选中状态和未选中状态之间交换所有样式，但是我希望有一种更简单的方法。

有什么我想念的吗？我认为API文档中没有任何内容。我考虑过仅使用CSS通过转换来反转定位（例如，仅将其镜像到中点附近），但是我不确定这是否可行或如何使用（我不太了解CSS）

有什么建议吗？

Answer 1

一种简单的方法是将css添加到mat-slide-toggle标签或其类中。

• 示例：

  mat-slide-toggle { 变换：rotateY（180deg）; }

Answer 2

您可以尝试将 dir="rtl" 或 dir="ltr" 添加到包装器 div。