css - 如何设置 FontAwesome 图标的图标颜色、大小和阴影的样式

标签 css icons font-awesome font-awesome-4

我如何设置 FontAwesome's Icons 中图标的颜色、大小和阴影的样式? ?

例如,FontAwesome's site将以白色和红色显示一些图标,但不会显示如何以这种方式设置样式的 CSS ...

Buttons and links of different colours, with both red, white and black icons next to them

最佳答案

鉴于它们只是字体,那么您应该能够将它们设置为字体样式:

#elementID {
    color: #fff;
    text-shadow: 1px 1px 1px #ccc;
    font-size: 1.5em;
}

关于css - 如何设置 FontAwesome 图标的图标颜色、大小和阴影的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12272372/

相关文章:

html - 试图在页面上进一步向下移动图像

css - 嗨,类不适用于焦点上的输入元素

java - 您将要为 Java 应用程序中的按钮加载的图像放在哪里?

google-chrome - Font Awesome 图标未在 Chrome 中显示,这是与 MaxCDN 相关的跨源资源共享政策问题

html - 如何使用我自己的向下箭头图标制作 <select> 元素?

css - body border-top 不超出视口(viewport)

javascript - jquery var = 文本 + 数字

macos - 如何为 NSStatusItem 选择图像以进行常规和视网膜显示?

css - 来自 http ://fontello. com 的自定义字体中字形的 CharCodes

vue.js - Vue 3 中的 Fontawesome 6 throw 错误