要解决按钮上的CSS悬停效果无法工作的问题，可以尝试以下几种方法：

1. 检查CSS选择器：确保CSS选择器的正确性。如果选择器错误，悬停效果可能无法应用到按钮上。确保选择器与按钮的class或ID匹配。

2. 检查CSS属性和值：确保在CSS中正确地设置了悬停效果的属性和值。常见的悬停效果属性包括background-color、color、text-decoration等。确保这些属性正确地设置为悬停状态的样式。

3. 检查CSS的优先级：如果在按钮的CSS样式中使用了!important关键字，它可能会覆盖其他样式规则。确保没有其他样式规则的优先级更高，导致悬停效果无法生效。

4. 检查HTML结构：确保按钮的HTML结构正确。如果按钮被其他元素覆盖或嵌套在其他元素中，悬停效果可能无法正常工作。确保按钮的HTML结构简单明了，没有其他干扰因素。

下面是一个示例代码，演示了一个基本的按钮悬停效果：

HTML代码：

按钮

CSS代码：

.hover-button {
  background-color: #ccc;
  color: #fff;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

.hover-button:hover {
  background-color: #555;
}

在这个示例中，按钮的默认样式为灰色背景、白色字体。当鼠标悬停在按钮上时，背景颜色会变为深灰色。确保以上代码正确应用，并按照上述解决方法检查可能的问题，以解决按钮上的CSS悬停效果无法工作的问题。