281得票16回答
如何使用新的材料设计图标主题:轮廓、圆形、双色和锐利?

Google通过4个新的预设主题:Outlined、Rounded、Two-Tone和Sharp,以及常规的Filled/Baseline主题,改进了Material Design Icons。 但是不幸的是,它没有说明如何使用这些新主题。 我一直通过将链接包含在内,通过Google We...

56得票9回答
将 Materialize 中的材料图标与文本对齐

最近,我在一个包含表格和一些字段的项目上工作,并希望通过MaterializeCSS在图标侧面添加一些Material Design图标。看看下面的图片,你可能就明白了: : 我已经尝试了所有能在Stack Overflow找到的垂直对齐、内联(块)、弹性布局等方法。所以,不,这不是个重复...

46得票15回答
如何防止在Google的JS无法转换材料图标文本时显示它们?

当谷歌的JS无法将材料图标转换为图标时,您如何防止材料图标文本出现?图标在标记中定义如下:<span class="material-icons">icon_name</span> 示例: https://archive.fo/CKqKG/scr.png (查看顶部的按...

29得票7回答
如何使用 Google Material Icon 设置 CSS content 属性?

我应如何在下列CSS content属性中插入Google Material图标“向右箭头” (https://design.google.com/icons/#ic_chevron_right)?.bullet li a:before { content: ""; }

26得票6回答
如何使用/启用动画图标?

有人知道如何在Angular Web应用程序中使用/启用动画图标吗?这些图标在材料设计文档中显示:https://material.io/design/iconography/animated-icons.html#usage

25得票8回答
材料图标无法正确渲染

我的项目中,Material图标无法正常呈现,我已经正确安装了它,但即使如此,在浏览器中也无法显示。 我按照以下步骤进行操作: npm install material-design-icons .angular-cli.json"styles": [ "styles.cs...

14得票2回答
如何在Vuetify中使用动画材料图标

通过 Vuetify 的 v-icon 组件,使用主流的 material design 图标 是十分简单的,例如:<v-icon>home</v-icon> 现在,我想知道是否支持使用动画材料图标并且可以在Vuetify中以类似的方式使用 - 如果可能的话,无需添加额...

13得票4回答
如何将Google Material Icons作为类(class)而非<i>标签(tag)来使用?

根据Google Material网站的指南,我们必须在标签_i_中使用material图标。问题是如何像font-awesome一样添加这些图标,类似于: Class="material-icons face" 而不是 &lt;i class="material-icons"&gt; ...

12得票4回答
CSS - 如何让文本与图标居中对齐

使用CSS和材料图标,我有以下代码,可以呈现带有图标和文本的链接。&lt;a href="#"&gt;&lt;i class="material-icons"&gt;group_work&lt;/i&gt;Groups&lt;/a&gt; 如下图所示,文本似乎正在向下沉降.. 我想让它们垂直居...

10得票2回答
仅使用HTML/CSS在鼠标悬停时更改Google Material图标

我想在按钮悬停时更改Google Material Icon(实际图标本身)。 我想仅使用HTML和CSS来完成此操作。 我希望它从'plus'图标变为类似于'check'图标,具体而言是使用'done'图标。 Codepen如下。 谢谢。.material-icons.md1 { f...