这个问题来自material Github repo.
我仍然无法为包装在自定义组件中的material 组件设置样式.
我有一个<logo>
的组件,包含<md-icon svgIcon="logo"></md-icon>
个
添加:
:host {
.mat-icon {
width: 100px;
height: 100px;
font-size: 56px;
}
}
不会应用于我的自定义组件内的material 组件.
这个问题来自material Github repo.
我仍然无法为包装在自定义组件中的material 组件设置样式.
我有一个<logo>
的组件,包含<md-icon svgIcon="logo"></md-icon>
个
添加:
:host {
.mat-icon {
width: 100px;
height: 100px;
font-size: 56px;
}
}
不会应用于我的自定义组件内的material 组件.
UPDATE: 2019-05-22
Material Design的较新版本可以 Select 将[inline]="true"
设置为HTML元素的属性.
我建议改用这种方法.
<mat-icon svgIcon="thumbs-up" inline="true"></mat-icon>
使用此选项时,图标将从父容器继承!
GLHF!:)
我一直收到一些关于这方面的问题,所以我只是想更清楚地举例说明如何使用它……
/* 1. Add this mixin to a "global" scss */
@mixin md-icon-size($size: 24px) {
font-size: $size;
height: $size;
width: $size;
line-height: $size;
}
/* 2. Then use it like this in you component scss */
mat-icon {
@include md-icon-size(32px);
}
用法示例
<mat-icon class="myIcon" svgIcon="search"></mat-icon>
:host {
.myIcon {
&mat-icon {
@include md-icon-size(32px);
}
}
}