**已关闭。**此问题需要debugging details。目前不接受回答。

编辑问题以包括desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将帮助其他人回答问题。
8天前关闭。
Improve this question的
我正在网页中使用样式化组件为按钮实现鼠标悬停指针效果。它在Firefox中有效，但在Chrome中无效，即使使用CSS中的！important规则也是如此。对于使用样式化组件在两个浏览器中实现一致的行为，有什么见解吗？

export const SomeButton = styled.button`
  cursor: pointer;
  width: 100%;
  height: 100%;
  align-self: center;
  justify-self: center;
  border: none;
  border-radius: 30px;
  background-color: #cad9fe;
  font-size: 3vw;
  color: #fff;
  font-weight: bold;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
`;

字符串
我尝试在网页中使用样式化组件为按钮实现鼠标悬停指针效果。预期的结果是跨浏览器（包括Firefox和Chrome）的功能一致。然而，尽管在CSS中使用了！important规则，但该效果在Firefox中有效，而在Chrome中无效。我正在寻求在两种浏览器中实现所需结果的指导。