javascript - 如何更改 Angular Material 上 mat-icon 的大小?

标签 javascript html css angular

<分区>

Angular Material 的 mat-icon 标签总是默认大小为 24px。那么如何改变它...???

.mat-icon {
background-repeat: no-repeat;
display: inline-block;
fill: currentColor;
height: 24px;
width: 24px;
}

最佳答案

字体大小往往会弄乱位置。我做类似的事情:

<mat-icon class="icon-display">home</mat-icon>

CSS:

.icon-display {
   transform: scale(2);
}

其中 2 实际上可以是任何数字。 2 将原始大小加倍。

关于javascript - 如何更改 Angular Material 上 mat-icon 的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53312640/

相关文章:

html - 如何让 iframe 占据全宽(即像 div 一样显示)

html - 如何垂直居中显示 : flex 的无序列表

css - Bootstrap CSS CDN 在某些系统中加载而不在其他系统中加载

css - 折叠时 Bootstrap 堆叠导航宽度问题

html - IE6 只能向下滚动我的页面的一半 - 如何诊断?

javascript - ReactJs如何发布时间

javascript - 如何创建 Angular 2 指令来解析主题标签并创建点击事件?

javascript - 使用 JavaScript 解析 crontab 行

javascript - GET 到 POST 不工作

html - Bulma 图标未显示?