【问题标题】:Is there any directives to change Angular material icon size?是否有更改 Angular 材质图标大小的指令?
【发布时间】:2018-10-31 05:13:24
【问题描述】:

我正在为图标使用棱角分明的材质,

<mat-icon>subdirectory_arrow_right</mat-icon>

图标的默认大小由框架定义为24px,是否有任何指令可以调整它的大小?就像我们的字体很棒 - lg/sm/md

【问题讨论】:

    标签: angular-material


    【解决方案1】:

    在 v6.x 中,您可以使用inline 属性使您的图标与它们的父元素的字体大小相匹配。否则,在使用默认图标字体集时,没有用于指定图标大小的内置 MatIcon 功能。您可以轻松添加样式属性,例如style="font-size: 16px;" 或者你可以定义你自己的类来做到这一点。您可能还想设置宽度和高度,因为就像字体大小一样,它们默认为 24​​。

    【讨论】:

    • 是的,尝试了所有可能的方法.. 最终添加了一个自定义类来调整大小。无论如何,谢谢您的回复。
    猜你喜欢
    • 1970-01-01
    • 2019-03-24
    • 2019-04-11
    • 2019-06-28
    • 2019-01-01
    • 2019-08-12
    • 2020-11-20
    • 1970-01-01
    相关资源
    最近更新 更多