CSS渐变停止添加：悬停效果

我正在尝试制作一组按钮，我已经创建了标准按钮，当然我想要一个悬停效果，但是我现在做的方式，梯度似乎没有改变到悬停状态

.sqaure蓝色btn{
边框：1px实心#2f78a9；/*笔划*/
背景色：#3999d7；/*图层填充内容*/
-moz盒阴影：插入0 1px 1px#82cdff；/*内部阴影*/
-webkit盒阴影：插入0 1px 1px#82cdff；/*内部阴影*/
长方体阴影：插入0 1px 1px#82cdff；/*内部阴影*/
背景图片：url（数据：image/svg+xml；base64，PD94BWGDMVYC2LVBJ0IMS4WIIA/PGO8C3ZNIHHTBG5ZPSJODHRWOI8VD3D3LNCZLM9YMDAWL3NZYIGD2LKDGGG9IJEWMCUILL2ZYGLD0JVED0IMTAWJSIGDMLLD0JVED0IMCAXMDAIYBYZNLCNZLQXNWZWN0UMF0AW89IM5VBMUIPJXSAW5L5LJJJ5LZD0IAGF0MCIGJJJJJJJJJJ3LZLZGMLJ0BMLJ0GMLJ0IBLJ0BMLJ0GMLJ0NIB9LJ0BMLZ6M）CxNtiwmmutQlij4Kphn0B3AGB2ZMC2V0psiwJsigC3RvCC1JB2xVcJ0Iizmzodviyig3RvCC1VcGFjaxR5psixii8+CjxZdG9Wig9MzNlDd0imtawJsigC3RvCC1JB2xVcJ0iizHowfkyc3RvCC1VcGFjaxR5psixii8+CigidWvGluzwGluzyWfYr3JllbNq+CgO8CgVcVcVcJgVcVcJb9Ib9Ig0Ig0Ig0Ig9Ib9IgIgIgIgzzzzZgIgIb9IgIgIgIgIgIgIg*/
背景图像：-moz线性渐变（底部，#3385bc 0%，#3a9ada 100%）；/*渐变叠加*/
背景图像：-o-线性渐变（底部，#3385bc 0%，#3a9ada 100%）；/*渐变叠加*/
背景图片：-webkit线性渐变（底部，#3385bc 0%，#3a9ada 100%）；/*渐变叠加*/
背景图像：线性渐变（底部，#3385bc 0%，#3a9ada 100%）；/*渐变叠加*/
}
.sqaure蓝色btn：悬停{
边框：1px实心#2f78a9；/*笔划*/
背景色：#3b9ddd；/*图层填充内容*/
-moz盒阴影：插入0 1px 1px#82cdff；/*内部阴影*/
-webkit盒阴影：插入0 1px 1px#82cdff；/*内部阴影*/
长方体阴影：插入0 1px 1px#82cdff；/*内部阴影*/
}

有人知道为什么吗

---

Fiddle:

因为您在标准属性中设置了

背景图像

，但在

：hover

状态中只设置了

背景颜色

，所以它不会覆盖图像

将背景色：#3b9ddd；更改为背景色：#3b9ddd；

.sqaure蓝色btn{
高度：50px；
边框：1px实心#2f78a9；
/*笔划*/
背景色：#3999d7；
/*图层填充内容*/
-moz盒阴影：插入0 1px 1px#82cdff；
/*内阴影*/
-webkit盒阴影：插入0 1px 1px#82cdff；
/*内阴影*/
框阴影：插入0 1px 1px#82cdff；
/*内阴影*/
背景图片：url（数据：image/svg+xml；
基于64，PD94BWGDMVYC2LVBJ0IMS4WIIA/PGO8ZNIHHTBG5ZPSJODhrwoi8VD3D3LNCZylM9YMDAWL3NZYIGD2LKDG9IJEWMCUIGDMLD0JVED0IMCAWMCAXMDAIIBYZNLCZLQNWZWN0UMF089IM5VBMUIPJXSAW5L5LZYMCIGZL2LKDGG9IJJ0IJWIGHLD0IMTAWZIGDMLLD0JVED0IMCAWMCAWMCAXMDAIIBYZZLZLZLZLZLQXNWZWZWZWZWZWZW0IMJ0IMJ0IMJ0IMK4MJ0IMK4MJ0GMBJ0GMBJ0GMBYZZLJ0MHN0B3AGB2ZMC2V0psiWJsigC3RvCC1JB2xVcJ0iiizmZmZyYIg3RvCC1vcGFJAXR5psixiI8+CjxZdG9Wig9MzNlDd0imtawJsigC3RvCC1JB2xVcJ0iiizNg3RvCC1vcGFJAXR5psixiI8+CigidWgGluzwGluzwYr3JHzGllLbLbLbNq+CgO8CgCgVc4Pb4Pc9ImImTawiizWiizWwIbZwIbWg1WwL9ImZwiizWwLzWwL8IbWwL9IgI；
/*渐变叠加*/
背景图像：-莫兹线性梯度（底部，#3385bc 0%，#3a9ada 100%）；
/*渐变叠加*/
背景图像：-o-线性梯度（底部，#3385bc 0%，#3a9ada 100%）；
/*渐变叠加*/
背景图片：-webkit线性渐变（底部，#3385bc 0%，#3a9ada 100%）；
/*渐变叠加*/
背景图像：线性梯度（底部，#3385bc 0%，#3a9ada 100%）；
/*渐变叠加*/
}
.sqaure蓝色btn：悬停{
边框：1px实心#2f78a9；
/*笔划*/
背景：#3b9ddd；
/*图层填充内容*/
-moz盒阴影：插入0 1px 1px#82cdff；
/*内阴影*/
-webkit盒阴影：插入0 1px 1px#82cdff；
/*内阴影*/
框阴影：插入0 1px 1px#82cdff；
/*内阴影*/
}

---

小提琴会有用这不太可能是问题，因为它会影响悬停和非悬停状态，但您在选择器中拼错了“square”。ThereAha！谢谢！！感谢！我会在剩下的1分钟内完成