添加以下CSS样式,使得mat-checkbox在通过tab键聚焦时能够高亮显示:
.mat-checkbox:focus .mat-checkbox-layout { box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.12); }
同时,为了让mat-checkbox在聚焦时也能够使用键盘和鼠标进行选中/取消操作,需要使用指令 matNativeControl,如下所示:
选项
上一篇:AngularMaterial列标题中出现不需要的底部边框。
下一篇:AngularMaterialMat-error在使用正则表达式验证合法输入时显示错误