未获得圆形输入开关primeng组件

Question

• 我正在关注InputSwitch组件的primeng文档，其中该组件是圆形的，但我得到的是方形组件
• 

代码：

<p-inputSwitch [(ngModel)]="isOn" (onChange)="handleChange()" ></p-inputSwitch>

• 我找不到任何边框或圆形属性
• 我们需要静态设计标签吗？没有任何标签相关道具支持

Answer 1

覆盖样式是可行的。

:host {
  ::ng-deep p-inputswitch .p-inputswitch-slider {
    border-radius: 30px;
  }
  ::ng-deep p-inputswitch .p-inputswitch-slider::before {
    border-radius: 50%;
  }
}