• 我在遵循primeng文档的InputSwitch组件,其中该组件是圆形的,但我得到的是方形的组件
  • attaching the image

代码:

<p-inputSwitch [(ngModel)]="isOn" (onChange)="handleChange()" ></p-inputSwitch>
  • 我无法找到任何边界或圆形属性
  • 我们需要静态地设计标签?没有任何标签相关的props 支持

推荐答案

替代样式是作品.

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

Angular相关问答推荐

日语字符不受角形约束控制

使Angular 效果只执行一次

将Angular 17中的http服务与独立组件一起使用

Angular 和PrimeNg文件Uploader:渲染元件时如何显示选定文件的列表?

更改图表上的光标以进行zoom

如何将参数传递给Angular 服务

Angular *ngIf 表达式中这么多冒号的作用是什么?

Observable转换为Observable

带有Angular 中断的进度条

错误:在工作区外运行 Angular CLI 时,此命令不可用

Rxjs Observable:仅为第一个订阅者获取 HTTP 数据,为其余订阅者获取缓存数据

取消订阅服务中的http observable

Angular 2 - 什么是Root Scope?

由router-outlet 创建时如何将css类应用于组件元素?

angular2:错误: TypeError: Cannot read property '...' of undefined

CORS 错误:requests are only supported for protocol schemes: http…等

Angular2 - 如何开始以及使用哪个 IDE

从 angular2 模板调用静态函数

如何从 EventEmitter 函数返回值?

Angular 2 输出到router-outlet