CSS按钮效果不能跨浏览器工作

是因为不同浏览器对CSS属性的解析和渲染方式存在差异。为了解决这个问题，可以采用以下方法：

1. 使用CSS Reset：通过使用CSS Reset样式表，可以重置不同浏览器的默认样式，使得按钮效果在各个浏览器中更加一致。常见的CSS Reset样式表有Normalize.css和Reset CSS。
2. 使用CSS预处理器：CSS预处理器如Sass和Less可以帮助开发者编写更加模块化和可复用的CSS代码，并且提供了一些跨浏览器的解决方案。例如，可以使用Mixin来定义跨浏览器的按钮样式，然后在需要的地方引用。
3. 使用CSS框架：一些流行的CSS框架如Bootstrap和Foundation提供了跨浏览器的按钮样式，并且提供了一些额外的功能和组件。可以直接使用这些框架中的按钮样式，避免兼容性问题。
4. 使用浏览器前缀：某些CSS属性在不同浏览器中需要添加特定的前缀才能生效。可以使用工具如Autoprefixer来自动添加浏览器前缀，减少兼容性问题。
5. 使用JavaScript库：如果以上方法无法解决问题，可以考虑使用JavaScript库来实现按钮效果。例如，jQuery和React等库提供了一些跨浏览器的UI组件，可以直接使用它们的按钮组件。

总结起来，解决CSS按钮效果不能跨浏览器工作的方法包括使用CSS Reset、CSS预处理器、CSS框架、浏览器前缀和JavaScript库等。具体选择哪种方法取决于项目需求和开发者的偏好。