初めまして、font-awesomeのアイコンが紫に当然変わってしまって困っています。
このような表示になってしまっており 本来もともとaタグに触れて今白くなっている部分が白になって指定したバックグランドカラーが表示されるといった仕組みになるんですけどどうすれば治るか教えていただきたいです。
なにか追記でほしければコードや写真は送ります。
大変かと思いますがご回答よろしくお願いいたします
cssコード
.icons{
display:flex;
width: 500px;
margin:0 auto;
text-align: center;
}
.icons li{
list-style: none;
padding:0 20px;
display: block;
margin: 0 auto;
}
.icons li {
border-radius: 2px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
text-align: center;
width:80px;
}
.icons a{
display: inline-block;
}
.icons a{
padding:0 10px;
}
.icons li a:hover{
color: #fff;
}
.instagram:hover {
background: linear-gradient(to right, #5478f2 0%, #f23f79 80%, orange 100%);
transition: 0.3s;
}
.twitter:hover {
background-color: #55acee;
transition: 0.3s;
}
.gmail:hover{
background-color: #FF773E;
transition: 0.3s;
}
あなたの回答
tips
プレビュー