光标指针不显示（CSS）

我已经读了其他的帖子，但仍然无法理解这一点。当我用光标悬停在按钮上时：指针；设置它不起作用。 不仅如此，悬停效果也不起作用。 我已经在下面发布了我的所有代码，包括javascript。不确定它是否和javascript有关，但我对此表示怀疑

const colorBtn=document.querySelector（'.colorBtn'）；
const bodyBcg=document.querySelector（'body'）；
常量颜色=[
#6C5B7B"，
“#C06C84”，
"F67280",，
"F8B195",，
"EC2049",，
‘A7226E’，
‘458’
];
//添加事件侦听器
colorBtn.addEventListener（'单击'，更改颜色）；
函数changeColor（）{
//bodyBcg.style.backgroundColor=颜色[2]；
//得到一个随机数，Math.floor给你一个介于0和0.9999之间的数字…所以我们按数组的长度取整和乘以
让random=Math.floor（Math.random（）*colors.length）；
bodyBcg.style.backgroundColor=颜色[随机]；
}

正文{
最小高度：100vh；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.colorBtn{
填充：0.25雷姆0.5雷姆；
边框：3px实心#fefefe；
边界半径：7px；
颜色：#fefefe；
背景：rgba（0,0,0,0.6）；
字体大小：1.5rem；
文本转换：大写；
光标：指针；
大纲：无；
}
.colorBtn:悬停{
背景：rgb（0,0,0）；
}

文件
按以更改颜色

如果您想知道为什么颜色有时不会改变，那么添加一行

console.log（随机）如下面的代码片段所示。有时，它似乎不会仅仅因为颜色改变就改变颜色，但随机地，它可能会改变为与前一个颜色相同的颜色，因此它看起来不起作用。但事实上，它工作得很好


const colorBtn=document.querySelector（'.colorBtn'）；
const bodyBcg=document.querySelector（'body'）；
常量颜色=[
#6C5B7B"，
“#C06C84”，
"F67280",，
"F8B195",，
"EC2049",，
‘A7226E’，
‘458’
];
//添加事件侦听器
colorBtn.addEventListener（'单击'，更改颜色）；
函数changeColor（）{
//bodyBcg.style.backgroundColor=颜色[2]；
//得到一个随机数，Math.floor给你一个介于0和0.9999之间的数字…所以我们按数组的长度取整和乘以
让random=Math.floor（Math.random（）*colors.length）；
控制台日志（随机）；
bodyBcg.style.backgroundColor=颜色[随机]；
}
正文{
最小高度：100vh；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.colorBtn{
填充：0.25雷姆0.5雷姆；
边框：3px实心#fefefe；
边界半径：7px；
颜色：#fefefe；
背景：rgba（0,0,0,0.6）；
字体大小：1.5rem；
文本转换：大写；
光标：指针；
大纲：无；
}
.colorBtn:悬停{
背景：rgb（0,0,0）；
}

文件
按以更改颜色
css中有两个名为
.colorBtn
的类。应在移除不必要的后工作
 “设置它不工作”是什么意思？指针正在显示？这是css问题。如果你看一下代码，我已经设置了“cursor:pointer”，并添加了悬停效果。但是，当我将鼠标悬停在“按钮”上时，它不会改变颜色，也没有指针。您正在使用哪个浏览器？这段代码应该在chrome、edge和IE中工作。chrome，这很奇怪。非常感谢Cheng，我还不能升级，因为我还没有特权