相关疑难解决方法(0)
我可以更改Font Awesome图标颜色的颜色吗？
<a>出于某种原因,我必须在标签中包装我的图标.
有没有可能的方法将字体 - 真棒图标的颜色更改为黑色？
或者只要它包裹在<a>标签内是不可能的？字体真棒应该是字体而不是图像,对吧？
<a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>
推荐指数
解决办法
查看次数
fontawesome 5.x将颜色设置为图标
我无法使用这些代码着色font-awesome5图标.我尝试了"填充"css属性来设置颜色,但它没有用.
HTML代码:
<div class="container mt200 icons">
<div class="col-md-3">
<div class="bggray2 text-center">
<i class="fas fa-microphone fa-5x"></i>
<div class="title">LOREM</div>
<div class="text">Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.</div>
</div>
</div>
<div class="col-md-3">
<div class="bggray2 text-center">
<i class="far fa-edit fa-5x"></i>
<div class="title">LOREM</div>
<div class="text">Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.
</div>
</div>
</div>
</div>
CSS代码:
.icons i {
color: #2759AE;
}
推荐指数
解决办法
查看次数
如何更改字体真棒图标的颜色
我有一个table使用的ng-repeat.
当用户选择表格行时,我可以申请突出显示该table行并应用特定的类.
问题是我在更改图标时遇到问题row,突出显示的行background-color也是blue,文本更改为white但图标保持蓝色.
CSS
.selected{
background-color:#004b89;
color:white;
font-weight:bold;
}
HTML
<tr ng-repeat="item in vm.items ng-class="{'selected':$index == vm.selectedRow}" class="table-striped" ng-click="vm.setClickedRow($index)">
<td><a tooltip-placement="top"><i class="fa fa-pencil fa-2x link-icon"></i> </a>
<td><a tooltip-placement="top"><i class="fa fa-trash fa-2x link-icon"></i></a>
</tr>
推荐指数
解决办法
查看次数
如何在我的twitter-bootstrap网站中减小我的fontawesome字形图标的大小而不会弄乱对齐？
在以下网页正在建设中,您将在离开前看下该公司名称的白色盒子在这里
这是一个基于twitter-bootstrap的网站和FontAwesome的白框"字形图标".我似乎无法减小白盒的大小(可能需要25%左右),而不会让图标与公司名称不一致.您能否在网站上"查看源代码"并查看您是否能够确定正确的代码更改？
推荐指数
解决办法
查看次数
更改Font Awesome图标的颜色
如何更改图标的内部（白色）颜色
<i class="fa fa-exclamation-triangle"></i>？
PS应用<i class="fa fa-exclamation-triangle" style="color:red"></i>不是答案，因为红色适用于外部颜色，而不适用于内部感叹号白色标牌本身。
真棒字体版本是：4.7.0。
推荐指数
解决办法
查看次数
如何更改字体真棒图标悬停颜色？
目前我的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>
我尝试了以下CSS,没有发生任何事情:
fa-facebook:hover {
color: #006b33;
}
我对字体非常棒,所以任何帮助都将不胜感激!
推荐指数
解决办法
查看次数
如何在使用 font Awesome 的同时更改字体大小？
因此，我创建了一个个人简历网站，并且偶然发现了一些非常酷的东西：font Awesome，它以文本形式提供图形，允许您通过 CSS 添加字体效果。我的问题是一切都很好，直到我尝试更改字体大小，无论出于何种原因它都不会改变。你有什么想法？我也是新来的，我已经阅读了如何发帖，但如果我做错了，请告诉我。
*{
margin: 0;
padding: 0;
text-decoration: none;
list-style: none;
}
.toggle_menu{
position: fixed;
padding: 15px 20px 15px 15px;
margin-top: 70px;
color: white;
cursor: pointer;
background-color: #648B79;
z-index: 1000000;
font-size: 8em;
}
<!DOCTYPE html>
<html>
<head>
<!-- Stylesheets -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- Fonts -->
<link href='https://fonts.googleapis.com/css?
family=Open+Sans:400,600,700,800,300' rel='stylesheet' type='text/css'>
<!-- Scripts -->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="js/menu.js"></script>
<script src="https://use.fontawesome.com/53686df37f.js"></script>
<title>Joseph Kuzera</title>
</head>
<body>
<i class="fa fa-bars toggle_menu"></i>
</body>
</html>
推荐指数
解决办法
查看次数
字体真棒排序图标指向右侧
我想使用白色font-awesome图标fa-sort-asc并希望它指向正确的方向
<i class="fa fa-sort-asc" aria-hidden="true"></i>
这可能吗？
推荐指数
解决办法
查看次数