CSS按钮颜色仅更改单词'；s背景色悬停时没有完整的按钮

我想让鼠标悬停时的按钮改变背景颜色，但我的css按钮只改变单词的背景颜色，而不是鼠标悬停时的整个按钮颜色。我的css有什么问题吗

添加的代码段

.popup1\u btn{
宽度：210px；
高度：45px；
字体大小：20px；
文本转换：大写；
背景色：#d3db2c；
颜色：黑色；
光标：指针；
利润率：30px自动0；
线高：45px；
字体系列：“前卫半BT”}
.popup1_btn:悬停{
背景色：黑色；
颜色：#d3db2c；}

---

似乎是CSS中的

：hover

之前的空格导致了此问题

将

popup1\u btn:hover

更改为

popup1\u btn:hover

后，它可以工作

下面是一个工作片段im，整个按钮在悬停时都涂成黑色：

.popup1\u btn{
宽度：210px；
高度：45px；
字体大小：20px；
文本转换：大写；
背景色：#d3db2c；
颜色：黑色；
光标：指针；
利润率：30px自动0；
线高：45px；
字体系列：“前卫半BT”}
.popup1_btn:悬停{
背景色：黑色；
颜色：#d3db2c；
}

---

然后只需在悬停css事件上使用背景色属性。@XuezhengLow如果我的答案有帮助，请投票并接受我的正确答案。@XuezhengLow为什么要更改它？您在悬停上也放置了相同的颜色代码：

#d3db2c

…当没有悬停为黑色时，当悬停为#d3db2c时，它只更改背景颜色，而不更改单词颜色