gpt4 book ai didi

angular - 使用 Vanilla CSS 或 HTML 更改 Angular Material 2 中的 SVG 大小

转载 作者:太空狗 更新时间:2023-10-29 17:08:54 25 4
gpt4 key购买 nike

<分区>

如何使用 vanilla CSS、HTML 或 JS 在 Angular 2+ Material Design 上更改 SVG 图标的大小?

如果我在 HTML 元素内指定图标,则样式可以正常工作:

<mat-icon style="font-size: 16px !important">home</mat-icon>

但是,当我使用 svgIcon属性(例如,如果使用第三方图标库),图标无法调整大小:

<mat-icon style="font-size: 16px !important" svgIcon="home"></mat-icon>

我知道 SVG 的缩放更复杂,我可以使用 viewBox属性。但是,我什至无法访问 <svg>里面的子元素 <mat-icon>做一个丑陋的 JS hack。有没有一种直接使用 vanilla CSS 的方法?或者甚至是对 Angular 组件的丑陋破解?

额外信息:我正在使用 mdi.svg来自 https://materialdesignicons.com 的图标库为我的 Angular 项目获取额外的图标。但是,要使用这些,我必须使用 svgIcon属性。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com