css - 删除焦点边框 - mat-list
问题描述
我无法解决 mat-list-item 中的边框问题,我确实在材料的网站上寻找了解决方案,但没有找到。
当我点击这个蓝色边框的图标时,我没有找到使这种情况发生的 css 类,有没有人经历过类似的事情?
我的代码:
<mat-list>
<mat-list-item class="item-list" routerLink="/panel/home" [routerLinkActive]="['active-item']">
<mat-icon matListIcon>home</mat-icon>
</mat-list-item>
<mat-list-item class="item-list" routerLink="/profile" [routerLinkActive]="['active-item']">
<mat-icon matListIcon>class</mat-icon>
</mat-list-item>
<mat-list-item class="item-list" routerLink="/student" [routerLinkActive]="['active-item']">
<mat-icon matListIcon>assignment</mat-icon>
</mat-list-item>
<mat-list-item class="item-list">
<mat-icon matListIcon>directions_run</mat-icon>
</mat-list-item>
</mat-list>
'active-item' 类,使紫色边框向右,但不是蓝色边框。
.active-item{
border-right: 2px solid $primary-color;
mat-icon {
color: $primary-color
}
}
我将 Angular 与 Material UI 一起使用。
解决方案
尝试 :
mat-icon,mat-icon.matListIcon{
outline:none !important;
}
推荐阅读
- azure - 如何使用 Azure 管理 API 检索 istances - 权限问题
- java - 如何提供 lambda 映射函数作为方法参数?
- firebase - 使用 firebase 时,Gradle 构建失败并出现抖动
- javascript - 执行错误,无法从谷歌云平台访问实体值
- python - pygame.mixer.Sound 只播放爆裂声并退出。为什么?
- git - git:撤消函数中的更改
- python-3.x - 在 VS CODE 中请求键盘快捷键
- javascript - 页面加载时手风琴箭头错误
- javascript - How to display a string value on multiple lines in a paragraph that contains
as a new line character - javascript - Running code before and after each Method call in Meteor