当按钮上的CSS :hover选择器不起作用时，可以尝试以下解决方法：

1. 检查CSS选择器的优先级：确保你的:hover选择器的优先级足够高，以覆盖其他样式。可以使用更具体的选择器或使用!important来提升优先级。

示例代码：

.button-class:hover {
   /* 按钮的:hover样式 */
   color: red !important;
}

2. 检查CSS样式是否正确应用：确保你的CSS样式表正确地链接到HTML文件，并且没有其他样式覆盖了:hover选择器。

示例代码：

3. 检查按钮的HTML结构：确保按钮元素的HTML结构正确，没有其他元素覆盖了按钮或按钮的:hover状态。

示例代码：

按钮

4. 检查CSS样式的语法错误：在CSS样式表中，任何语法错误都可能导致样式不起作用。可以使用开发者工具检查是否存在语法错误，并进行修正。

示例代码：

.button-class:hover {
   /* 按钮的:hover样式 */
   color: red;
}

5. 检查浏览器兼容性：某些CSS属性或伪类可能在某些浏览器上不被支持。可以查看浏览器的兼容性表格，确保所使用的属性和伪类在目标浏览器上是支持的。

这些解决方法可以帮助你解决按钮上的CSS :hover选择器不起作用的问题。