html - 默认 fontawesome favicon 但颜色不同?可能通过类或 css

标签 html css frontend favicon

我不确定这些是否仅适用于 bootstrap,但我在我的 HTML 上使用默认的网站图标。

<i class="fa fa-video-camera"></i>

favicons cheatsheet

我想知道是否有一种简单的方法可以更改此图标的颜色,例如插入另一个类(如警报)或在 .css 上放置一个#fff 等

我正在努力避免诸如制作我自己的彩色版本并将其用于某处的响应

<link rel="shortcut icon" href="/PATH_TO_STATIC_FAVICON/favicon.ico" type="image/x-icon"> <link rel="icon" href="/PATH_TO_ANIMATED_FAVICON/favicon.ico" type="image/x-icon">

干杯

最佳答案

希望对你有帮助

Bootstrap Color Utility的帮助下你可以做到这一点。

例如实现green颜色你可以使用类 text-success

<i class="text-success fa fa-video-camera"></i>

关于html - 默认 fontawesome favicon 但颜色不同?可能通过类或 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52588886/

相关文章:

html - 使用奇数/偶数颜色设置 HTML 样式

html - 在 div 的边框上居中图像

php - 插入符合 HTML5 标准的外部 html 内容的最佳方式? PHP、HTML5、JavaScript 方法

javascript - 单击编辑按钮时,stackoverflow 如何格式化文本区域?

html - 将图片设置为页面背景

CSS Flexbox 布局 : old version (for working on old browser)

jquery - 复制 Google+ 下拉按钮/框

javascript - Safari 在将 'animation-play-state' 设置为暂停时刷新页面

javascript - 启用数据表警告警报

php - 来自数据库的页脚查询数据显示在 master.blade laravel 5.4 中