Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 更改字体Awesome'的颜色;s图标_Html_Css_Colors_Background_Font Awesome - Fatal编程技术网

Html 更改字体Awesome'的颜色;s图标

Html 更改字体Awesome'的颜色;s图标,html,css,colors,background,font-awesome,Html,Css,Colors,Background,Font Awesome,如何更改图标的内部(白色)颜色 注意:应用不是答案,因为红色适用于外部颜色,而不是内部感叹号白色符号本身 字体版本是:4.7.0 这个图标的感叹号是一个透明的部分,所以一个技巧是在它后面添加一个背景,使其具有所需的颜色。当然,背景不应该覆盖整个区域,所以我们需要使用渐变只覆盖其中的一部分 .fa感叹号三角形{ 背景:线性梯度(红色,红色)中底/20%84%无重复; } 的答案很好!这是另一种方法 .fa感叹号三角形{ 位置:相对位置; z指数:0; } .fa感叹号三角形:后面{ 内容:

如何更改图标的内部(白色)颜色

注意:应用
不是答案,因为红色适用于外部颜色,而不是内部感叹号白色符号本身


字体版本是:4.7.0

这个图标的感叹号是一个透明的部分,所以一个技巧是在它后面添加一个背景,使其具有所需的颜色。当然,背景不应该覆盖整个区域,所以我们需要使用渐变只覆盖其中的一部分

.fa感叹号三角形{
背景:线性梯度(红色,红色)中底/20%84%无重复;
}

的答案很好!这是另一种方法

.fa感叹号三角形{
位置:相对位置;
z指数:0;
}
.fa感叹号三角形:后面{
内容:'';
宽度:20%;
身高:70%;
位置:绝对位置;
最高:15%;
左:40%;
背景:红色;
z指数:-1;
}


什么版本的font awesome?可以尝试在浏览器中使用f12,看看在::before和::after中是否有一些技巧……font awesome的版本是:4.7.0。顺便说一句,OP使用的是4.7.0版