问题标签 [font-awesome-5]

我正在尝试在选择中显示 fontawesome 图标，但在下拉列表中，图标没有很好地预览

我有这个代码：

我在垂直居中 col-md-1 并使用字体很棒的人字形图标跨越时遇到问题。这是一张图片

我正在尝试使用Font Awesome 5将播放按钮更改为暂停按钮。我不明白为什么它似乎只是没有在点击时切换。它可以识别点击（我尝试使用警报，所以当我按下按钮本身时它会识别）但它只是找不到里面的元素并更改它。

这是我的代码：

尝试使用 Font Awesome 5 SVG es6 searchPseudoElements

工作正常<span class="fas fa-trash-alt"></span>

尝试添加

但不是渲染，有什么提示吗？

堆

• FontAwesome v5
• D3js v4
• 角 4

设想

我有一个带有附加选项气泡的节点的层次结构树（将其视为米老鼠气球，其中面部是节点，附加节点是耳朵）。我希望这些选项显示一个图标，如 FontAwesome 的i以获取更多信息或x删除。

我还导入了 FontAwesome 5 javascript CDNindex.html

以上是我们目前拥有的。左耳有.text('i')，右耳是我要渲染的 FontAwesome 图标。

另外，我们已经在整个应用程序中使用 FontAwesome 使用<i>'s，但我不确定如何将它用作字体系列以便能够在 SVG 中使用 D3 实现它。

可能的解决方案

我在另一篇文章中找到了这个解决方案，这几乎正是我所需要的，但不确定如何将所有内容组合在一起。

要求

有人可以提供一些示例代码来展示如何text在 Angular 4 中创建的 svg 中的 D3.js V4 中导入和使用 FontAwesome v5 吗？

谢谢！

我正在使用 gridview 来显示数据，并且在 gridview 本身中我有一些操作按钮，例如编辑删除和预览图片视图。但我不想在我的预览按钮上显示文本“预览”，我想要（fontawesome 图标）而不是文本（预览）。我的代码在这里....

我要在按钮上添加的图标的代码是

我正在尝试编写代码来处理将 fa 图标的可见性设置为可见或隐藏取决于用户操作。

这是我想要实现的行为的工作小提琴：小提琴

因此，当我检查开发人员工具时，当我检查 fa-icon 元素并单击它时，我看到在这个小提琴中，有一个：

属性。在我的网站上，代码是相同的，我可以让图标显示出来，但是当我将其可见性属性设置为隐藏时，我无法让它重新可见。我发现，在将图标的可见性设置为隐藏后，上面的属性在我的网站上一直存在。我认为这是我的问题的原因。有人可以帮我找到解决方案吗？

这是我的小提琴示例，我希望显示和隐藏 fa 图标取决于文本输入字段的长度。

我想要达到的目标

我在这里遇到问题(index):86 Uncaught ReferenceError: OnInput is not defined女巫我的网站上没有

当我尝试将 visibility 属性更改为 visible 时，它​​正在发生，确实它发生了变化，但它也在删除属性路径填充。有人有同样的问题吗？

Okey 解决了我正在循环 div 的槽元素，并且我错误地更改了我的图标元素的 innerHTML。感谢您的回复

当第一行在移动设备中中断时，我想开始让第二行从第一行开始。任何想法如何在列表中达到此目标？

Codepen：https ://codepen.io/altos/pen/KoKEba

我正在玩'@fortawesome/react-fontawesome'（使用FontAwesome5），这就是我想要做的-

在我的 App.js

在我的 component.js 中

有用

然后我尝试了

尽管它没有被添加到库中，但它仍然有效。这非常令人困惑。如何确保只有添加到库中的项目才能工作？那是我的理解。我错了吗？

代码见 codesandbox.io/s/40v5jk6no7

我在使用 Fontawesome CDN 时遇到问题。它将所有<i>标签更改为<svg>. 有什么方法可以防止这种情况发生吗？

例子：

更改为