【问题标题】:How to make mat-checkbox like a radio button如何使 mat-checkbox 像单选按钮
【发布时间】:2020-02-10 11:18:44
【问题描述】:

我在 Angular 项目中有一个 mat-checkbox。如何制作 mat-checkbox 只能选择一个。 (不超过一个)。这是我的代码:

<mat-checkbox>Pre Order</mat-checkbox>
<mat-checkbox>Order</mat-checkbox>

有人可以帮忙吗?我希望 mat-checkbox 的行为类似于 mat-radio-button。

【问题讨论】:

  • 我建议使用 mat-radio-button 来实现此类功能,并使用 css/scss 将样式更改为复选框。
  • @KingDarBoja 感谢您的解决方案。但是我很难将 css mat-radio-button 更改为 mat-checkbox
  • 也许这可以帮助你:stackoverflow.com/questions/53892268/…
  • @KingDarBoja 这个方法只会让 mat-radio-button 看起来比标准的小。不改变形状:(
  • border-radius: 0%; 设置为.mat-radio-outer-circle 就是这样!

标签: angular angular-material


【解决方案1】:

只是为了得到正确的答案:

  1. 使用 mat-radio-button
  2. .mat-radio-outer-circle css 类设置border-radius: 0%;

就是这样!

干杯!

【讨论】:

  • 这只会使单选按钮框的形状像一个复选框,而不是复选框选择。这仍然需要看起来像可以通过 css 完成的复选标记。波纹动画也需要匹配。
猜你喜欢
  • 1970-01-01
  • 2014-12-16
  • 1970-01-01
  • 2021-02-03
  • 1970-01-01
  • 1970-01-01
  • 2011-07-28
  • 1970-01-01
相关资源
最近更新 更多