：悬停不起作用;怎么纠正呢？

Question

.signUp 
{
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
box-shadow: 3px 3px 3px #888888;
cursor : pointer;
}
.signUp :hover
{
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;

}    

这不起作用;我该怎么解决？该类位于<span>元素中。

Answer 1

试试这段代码

.signUp 
{
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
box-shadow: 3px 3px 3px #888888;
cursor : pointer;
}
.signUp:hover
{
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
box-shadow:none;

}    

Answer 2

你 ：悬停 是删除spacae 。

HTML

<span>HoverTest</span>

CSS

span{
 -moz-border-radius: 3px 3px 3px 3px;
 -webkit-border-radius: 3px 3px 3px 3px;
 box-shadow: 3px 3px 3px #888888;
 cursor : pointer;
 color:#ccc;
 border:1px solid #ddd;

}
span:hover{
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
   color:#aaa;
   border:1px solid red;
}

SEEDEMO