问题标签 [google-material-icons]

好吧，我正在学习 Angular 2，我从开发一个登录表单开始，我在制作一个带有条件内容的按钮时遇到了麻烦。

这个补充模板的代码如下：

它检查 isLoading 布尔值，并将内部 html 设置为该布尔值。对？

是的，这渲染得很好，如果 isLoading 为真，则按钮的条件内容为“正在加载...”，如果为假，则为“登录”。

但是，如果想在按钮内添加一些谷歌素材图标，它将停止工作：

它只是行不通。它呈现一个内容为“{{isLoading ? "spinner":"Log In arrow_forward" }}" 的按钮；

如何将图标的 html 添加到我的可能结果中？

通常，我使用像这样的静态谷歌素材图标。

但是，我想使用 VueJS 的计算属性动态更改材质图标。我尝试了以下方法：

它不起作用，而是显示&# E E在缺少数字的页面上。

有任何想法吗？

为什么即使 Font-Awesome 的 css 完全相同，Material-icons 也不能设置垂直居中与文本对齐？（使用 Bootstrap3）

他们俩都有&:before { content: '{icontext}' }

编辑：

附上jsfiddle https://jsfiddle.net/laires/guxwxvzL/

我使用的是官方的 google 素材图标：https ://material.io/icons/

我想在 svg 中添加一些我创建的图标。

我该怎么做？

我正在使用 symfony 3 开发一个应用程序。我有一个选择按钮（selectize），我想显示一些材料图标。
我做了什么 ：

表格类型：

树枝：

结果 ：

我必须做什么才能显示图标正确

我想在浮动标签输入的左侧实现一个带有图标指示符的 Angular2 材质输入。我无法找到任何带有适当代码示例的文档。这是我在 material.io/guidelines/components/text-fields.html#text-fields-layout 上找到的内容：

预期结果与我的结果

这是我对代码的尝试：

谁能指点我的代码示例？

我是 WPF 新手，我想更改按钮模板的文本和图标颜色。但似乎我只能改变不透明度。我想我应该将样式应用于按钮的孩子，但我不知道如何。

这是模板：

这里是风格：

谢谢你的帮助。

我想Google Material Icon在按钮悬停时更改（实际图标本身）。我想只用HTMLand来做这件事CSS。我希望它从“加号”图标变为“检查”图标，特别是使用“完成”图标。下面的代码。谢谢

https://codepen.io/anon/pen/YYEXYy

我用 VanillaJS、Webpack 和 Material Design Lite 构建了一个单页应用程序。该应用程序在浏览器中运行良好并正确呈现。

我想在 JavaFX Webview 中获取这个 webapp。一切都运行良好，除了没有渲染材质图标。

我试过这个：

但它没有用。

我尝试使用以下 Webpack 配置将 Material Design 图标字体直接编码为 css 文件中的 base64：

也没有用。

我使用了webview 调试器，可以看到 webview 加载了 woff 字体。

有人已经在 J​​avaFX Webview 中加载了图标字体吗？你如何进行？

好的，我是 javascript 新手，所以这可能不是执行此操作的最佳方式...

我试图在单击时更改材质图标的颜色。基本上我正在尝试打开和关闭它。问题是我的代码，虽然它确实发现图标没有读取类...我尝试添加一个类，使用一个 id，甚至一个名称，但它无法读取它。我看到了其他图像交换的响应，并尝试了图像交换，但我只想改变颜色。

JAVASCRIPT：

HTML：