css - 更改垫子滑动切换的方向

Question

我想要一个 mat-slide-toggle 来简单地将方向从右到左更改为从左到右。

我并不是指与开关相关的文本(可以通过 labelPosition 属性处理)，而是实际的开关本身在关闭时位于右侧，打开时位于左侧。我可以反转基础值，然后在选中和未选中状态之间交换所有样式，但我希望有一种更简单的方法。

我有什么遗漏的吗？我认为我在 API 文档中没有看到任何内容。我想过只使用 CSS 通过转换来反转定位(例如，只需将其镜像到中间点)，但我不确定这是否有效，或者如何使用它(我不熟悉 CSS) .

有什么建议吗？

Answer 1

实现它的一个简单方法是将 css 添加到 mat-slide-toggle 标签或其类。

• 示例:

  垫子滑动切换{ 变换:旋转Y(180deg)； }