问题标签 [google-material-icons]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
352 浏览

css - 如何更改下图中“展开更多”图标的颜色(Materialize 框架)?

我无法使用 .material-icons 类更改图像上突出显示的图标默认情况下是黑色,我想更改为白色这段代码:

我要更改的图标是突出显示的红色圆圈

提前致谢!!

0 投票
1 回答
2444 浏览

ios - Xcode 上未检测到材质图标库

我正在尝试在我的应用程序上使用Material Icons库,但我无法使项目检测到该库。swiftXcode

我遵循的步骤:

  • 这里我复制了使用 git 存储库的链接。
  • 在终端上,我浏览了项目文件夹并使用了我之前复制的链接。
  • Xcode 项目没有检测到它,所以我将它从文件夹拖到项目中,但我无法使用它。

我做错事了吗?

提前致谢!

0 投票
1 回答
1033 浏览

javascript - 谷歌材料图标字体 - 完整浏览器支持指南?

我想使用 Google 的材料图标https://design.google.com/icons/作为字体,但担心浏览器支持。是否有关于使用什么 CSS、备用等的指南?我需要做浏览器嗅探吗?已知的限制是什么?

对于 ie9 及更低版本,他们说要使用下面的代码片段,但在我的 IE 11 的 IE 9 模拟器中它是空白的。它在实际的 IE9 中有效吗?

我需要进行浏览器嗅探,还是只包括两者而浏览器知道只显示一个?

此页面列出了移动https://github.com/google/material-design-icons/issues/179的问题,这与为什么 Google Material Icons Can't be Show on Mobile一样。他们提供不同的解决方案。

是否有经过充分测试的权威指南?世界还没有准备好将这些图标用作字体吗?

0 投票
0 回答
127 浏览

menu - 关于谷歌素材图标的两个问题

关于谷歌素材图标,我有两个问题:

  1. 如何将谷歌素材图标对齐到左侧或右侧?

  2. 如何将 Google 素材图标放在侧面菜单中任何文本的前面?

0 投票
1 回答
1192 浏览

css - 如何使用 Google Material Design Sprite 图标..?

我正在尝试使用 Google Material Icons Sprite .. 他们提供的 CSS 是这样的

困惑是当我试图使用

它的工作原理太棒了......但是当我把这个......

它不起作用......我认为是因为 .icon 设置了多次,并且它需要.icon的第一个或最后一个值,具体取决于浏览器..

.icon { 背景图像: ---------

但它的谷歌他们一定已经验证了他们的 CSS,你能指导它应该如何工作吗,我是 Sprites 的新手......

参考

1) https://github.com/google/material-design-icons/tree/master/sprites

2) https://design.google.com/icons/

请帮忙

0 投票
8 回答
50441 浏览

css - 将材质图标与 Materialize 上的文本对齐

最近,我开始从事一个项目,该项目包含一个包含一些字段的表格,我想在图标的一侧通过 MaterializeCSS 添加一些材料设计图标。看看图片,你可能会明白

例子

我尝试了所有方法,垂直对齐、内联(-block)、flex 以及我在堆栈溢出中可以找到的所有方法。所以不,这不是重复的,我真的需要帮助。谢谢你。

0 投票
1 回答
489 浏览

angularjs - Angular Material md-icon 用法

我正在尝试按照此处给出的文档在我的应用程序中使用 md-icon 。但是我只能使用以下语法类型:

其他使用类型

不加载任何东西。

我已经加载了材料字体

虽然我可以用第一种语法完成工作;我很想知道我做错了什么,第二种语法不起作用,但它应该按照文档完美地工作。

0 投票
4 回答
33645 浏览

html - CSS - 将文本与图标居中对齐

使用带有 CSS 的材质图标,我有以下代码呈现带有图标和文本的链接。

正如您在下图中看到的那样,文本似乎正在下沉。我希望它们垂直居中对齐。我怎样才能做到这一点?

图标和文本对齐错误

PS。(不是设计师!)

0 投票
6 回答
42489 浏览

css - 如何使用 Google Material Icon 设置 CSS 内容属性?

如何在以下 CSS 内容属性中插入 Google Material Icon“chevron icon right”( https://design.google.com/icons/#ic_chevron_right ):

0 投票
1 回答
7498 浏览

angular-material - 如何使用角度材质图标创建堆叠图标?

我找到了类似于 md-icon 并允许创建堆叠图标的“Material Design Iconic Font”库:http: //zavoloklom.github.io/material-design-iconic-font/examples.html

但是无法创建一个结合有角材料图标的堆叠图标。 https://material.angularjs.org/latest/api/directive/mdIcon

我已经在我的项目中使用了角度材质图标,并且不想包含另一个仅用于堆叠图标的库。

有什么方法/解决方法我们可以结合 md-icons 来创建堆叠的角度材质图标?