我想在悬停时更改另一个沙漏[这是第一个沙漏BasicImg,我想在悬停时替换为此:AfterHover ] ...我尝试用js来做,但是这里的问题是这只是一个字母..我的意思是沙漏只是一个字母-我使用了图标字体...沙漏的代码是这样的:
.fa.fa-hourglass-start{
color:inherit;
font-size: 28px;
line-height: 20px;
vertical-align: middle;
}
<html>
<head>
<link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.min.css"/>
</head>
<body>
<li><a href="#"><span class="fa fa-hourglass-start"></span> Istoric</a>
</body>
</html>
对不起,我的英语不好
a > .my-hourglass:before{content:"\f251"}
a:hover > .my-hourglass:before{content:"\f252"}
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"/>
<html>
<head>
<link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.min.css"/>
</head>
<body>
<li><a href="#"><span class="fa my-hourglass"></span> Istoric</a>
</body>
</html>
(使用示例进行编辑)将上述CSS用于图标(而不是fa-hourglass-start)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句