AngularMaterial单选按钮的标签样式丑陋。
创始人
2024-10-28 08:33:01
0次

可以通过修改样式来改善 Angular Material 单选按钮标签的外观。下面是一个示例代码，通过修改其颜色和边框等属性，实现了单选按钮标签的美化：

::ng-deep .mat-radio-label-content {
  color: #333333; /*修改标签字体颜色*/
  margin-left: 5px; /*修改标签间距*/
}

::ng-deep .mat-radio-button {
  background-color: #ffffff; /*修改单选按钮背景色*/
  border-color: #333333; /*修改单选按钮边框颜色*/
  border-radius: 50%; /*设置圆形*/
  height: 20px; /*修改单选按钮大小*/
  width: 20px;
}

::ng-deep .mat-radio-checked .mat-radio-outer-circle {
  background-color: #333333; /*修改单选按钮选中时的背景色*/
}

将以上代码添加到样式表中即可实现 Angular Material 单选按钮标签的美化。

上一篇：AngularMaterial从typography配置中移除了$input。现在我们该使用什么？

下一篇：AngularMaterial导航栏不能打开菜单

相关内容

热门资讯

查到实测辅助！正版人皇辅助，潮... 潮汕木虱有辅助挂吗是一款可以让一直输的玩家，快速成为一个“必胜”的ai辅助神器，有需要的用户可以加我...
透视智能ai！传送屋没激k辅助... 透视智能ai！传送屋没激k辅助器下载，德州局透视（辅助挂）详细开挂辅助器 了解更多开挂安装加（136...
科技介绍！微信小程序微乐辅助器... 科技介绍！微信小程序微乐辅助器免费下载，开心泉州辅助（有挂功能开挂辅助安装）您好：微信小程序微乐辅助...
透视脚本！胡乐辅助脚本下载，拱... 拱趴大菠萝挂怎么安装开挂教程视频分享装挂详细步骤在当今的网络游戏中，拱趴大菠萝挂怎么安装作为一种经典...
程序员教你！创思维正版辅助器下... 程序员教你！创思维正版辅助器下载，天天卡五星辅助器（确实有挂辅助安装） 了解更多开挂安装加（1367...
透视实锤！边锋辅助脚本，wep... 透视实锤！边锋辅助脚本，wepoker-h5下载（辅助挂）详细开挂辅助下载；无需打开直接搜索加（薇:...
教学盘点！微信小程序小南四川长... 微信小程序小南四川长牌辅助开挂教程视频分享装挂详细步骤在当今的网络游戏中，微信小程序小南四川长牌辅助...
透视系统！广东雀神挂机怎么样，... 透视系统！广东雀神挂机怎么样，hhpoker脚本下载（辅助挂）详细开挂辅助下载；无需打开直接搜索加薇...
透视实锤！情怀国粹麻将辅助器，... 透视实锤！情怀国粹麻将辅助器，wepoker怎么开辅助（辅助挂）详细开挂辅助平台您好：情怀国粹麻将辅...
专业讨论！七千游戏十三道辅助，... 专业讨论！七千游戏十三道辅助，约局吧辅助（有挂秘籍辅助平台）；无需打开直接搜索加（薇:1367043...