相关疑难解决方法(0)

如何设置Font Awesome Icons的图标颜色,大小和阴影的样式

我如何设置Font Awesome 图标中图标的颜色,大小和阴影?

例如,Font Awesome的网站将显示一些白色的图标和一些红色的图标,但不会显示CSS如何以这种方式设置样式...

在此输入图像描述

css icons styles twitter-bootstrap font-awesome-4

340
推荐指数
14
解决办法
82万
查看次数

如何更改字体真棒图标悬停颜色?

目前我的HTML看起来像这样:

<div class="col-md-4 text-center">
  <i class="fa fa-2x fa-facebook wow bounceIn social"></i>
  <i class="fa fa-2x fa-twitter wow bounceIn social"></i>
  <i class="fa fa-2x fa-google-plus wow bounceIn social"></i>
</div>
Run Code Online (Sandbox Code Playgroud)

我尝试了以下CSS,没有发生任何事情:

fa-facebook:hover {
  color: #006b33;
}
Run Code Online (Sandbox Code Playgroud)

我对字体非常棒,所以任何帮助都将不胜感激!

html css font-awesome

1
推荐指数
1
解决办法
3296
查看次数

在 React 中更改 UIkit 图标的颜色

如何更改 UIkit 图标的颜色。我正在使用反应组件。具体来说,我想改变分隔线图标的颜色:https : //getuikit.com/docs/divider

我已经尝试了这个问题的大部分答案:Can I change the color of Font Awesome's icon color? 他们都没有工作。

我也尝试将它包装在标签中或

<i style={{color: 'rgba(0, 0, 0, 1)'}} className="uk-divider-icon"></i>
<div style={{color: 'rgba(0, 0, 0, 1)'}} className="uk-divider-icon"></div>
Run Code Online (Sandbox Code Playgroud)

我想更改图标本身的颜色而不是背景或其他 css,因为使用style.

谢谢。

css frontend uikit reactjs getuikit

0
推荐指数
1
解决办法
4397
查看次数