Javascript 为什么:在这个CSS代码中悬停不起作用?
当我测试它时,当我将鼠标悬停在登录上方时,它不会将光标更改为手动您不需要添加:hover来实现这一点。指针光标的名称不是“手”,而是“指针” 试试这个:Javascript 为什么:在这个CSS代码中悬停不起作用?,javascript,html,css,Javascript,Html,Css,当我测试它时,当我将鼠标悬停在登录上方时,它不会将光标更改为手动您不需要添加:hover来实现这一点。指针光标的名称不是“手”,而是“指针” 试试这个: li.Log-In { margin-left: 20px; text-transform: uppercase; } li.Log-In:hover { margin-left: 20px; text-transform: uppercase; cursor: hand; } 您不需要添加:悬停以实现
li.Log-In {
margin-left: 20px;
text-transform: uppercase;
}
li.Log-In:hover {
margin-left: 20px;
text-transform: uppercase;
cursor: hand;
}
您不需要添加:悬停以实现此目的。指针光标的名称不是“手”,而是“指针” 试试这个:
li.Log-In {
margin-left: 20px;
text-transform: uppercase;
}
li.Log-In:hover {
margin-left: 20px;
text-transform: uppercase;
cursor: hand;
}
用hover试试这个有趣的东西!!:)
悬停
#盒子{
宽度:10em;
高度:10公分;
背景:#666;
利润率:2米自动;
盒影:0.2em.4em rgba(0,0,0,0.3);
-webkit过渡:所有易用.2s;
-o型转换:所有的易用性为.2s;
-moz转换:所有轻松的.2s;
-ms转换:所有易用。2秒;
过渡:一切都在.2s;
光标:指针;
/*光标:等待*/
}
#框:悬停{
边界半径:.5em;
背景:#13a58e;
盒影:0.5em.3em rgba(0,0,0,0.5);
保证金:.3em自动;
}
用悬停试试这个有趣的东西!!:)
悬停
#盒子{
宽度:10em;
高度:10公分;
背景:#666;
利润率:2米自动;
盒影:0.2em.4em rgba(0,0,0,0.3);
-webkit过渡:所有易用.2s;
-o型转换:所有的易用性为.2s;
-moz转换:所有的易用.2s;
-ms转换:所有易用。2秒;
过渡:一切都在.2s;
光标:指针;
/*光标:等待*/
}
#框:悬停{
边界半径:.5em;
背景:#13a58e;
盒影:0.5em.3em rgba(0,0,0,0.5);
保证金:.3em自动;
}
将光标:指针更改为光标:指针
cursor:hand
让我大笑哈哈哈:hand真的吗?投票结束,因为这个问题是由一个无法重现的问题或一个简单的印刷错误引起的。虽然这里可能有类似的问题,但这一问题的解决方式不太可能帮助未来的读者。将cursor:hand
更改为cursor:pointer
cursor:hand
让我大笑哈哈哈:hand真的吗?投票结束,因为这个问题是由一个无法重现的问题或一个简单的印刷错误引起的。虽然类似的问题可能在这里的主题,这是一个解决的方式不太可能帮助未来的读者。哈!我从未想过这是疯狂的-光标只与悬停相关,因此不需要悬停。我写.myClass:hover{cursor:pointer;}
已经很多年了!哈我从未想过这是疯狂的-光标只与悬停相关,因此不需要悬停。我写.myClass:hover{cursor:pointer;}
已经很多年了!
Try this fun thing with hover!! :)
<!DOCTYPE html>
<head>
<title>Hover</title>
</head>
<style type="text/css">
#box{
width: 10em;
height: 10em;
background: #666;
margin: 2em auto;
box-shadow: 0 .2em .4em rgba(0,0,0,0.3);
-webkit-transition:all ease-in .2s;
-o-transition:all ease-in .2s;
-moz-transition:all ease-in .2s;
-ms-transition:all ease-in .2s;
transition:all ease-in .2s;
cursor: pointer;
/*cursor: wait;*/
}
#box:hover{
border-radius: .5em;
background: #13a58e;
box-shadow: 0 .5em .3em rgba(0,0,0,0.5);
margin: .3em auto;
}
</style>
<body>
<div id="box"></div>
</body>
</html>