Html 按钮悬停时出现ASP.net CSS错误

我有这个按钮

登录

我正在尝试在登录按钮上输入一个很棒的字体图标。 CSS代码如下所示：

#wow{
    padding-top:10px;
    background-color:red;
    border:none;
    float: left;

    color:#333333;
    width: 120px;
    height:120px;
}

对于：仅此悬停

  #wow :hover {
        background-color: green;

    }

这是处于正常状态的按钮。

这是悬停按钮。

它仅更改图标的背景

---

有任何解决此问题的建议吗？

您需要删除

#wow

和

之间的空格：悬停
。当前，您的悬停将应用于按钮子体


#哇{
填充顶部：10px；
背景色：红色；
边界：无；
浮动：左；
颜色：#333333；
宽度：120px；
高度：120px；
}
#哇：悬停{
背景颜色：绿色；
}

登录
您需要删除
#wow
和
之间的空格：悬停
。当前，您的悬停将应用于按钮子体


#哇{
填充顶部：10px；
背景色：红色；
边界：无；
浮动：左；
颜色：#333333；
宽度：120px；
高度：120px；
}
#哇：悬停{
背景颜色：绿色；
}

登录
删除#哇：悬停之间的空格删除#哇：悬停之间的空格