悬停在按钮上不适用于Firefox

Question

我编写了一些按钮，这些按钮在悬停时会增加尺寸 它在Chrome上完美运行，但在Firefox上却没有做任何事情。

出了什么问题？

System.CustomAttribute

.P1 {
  background-color: transparent;
  border: 0;
  background-repeat: no-repeat;
  width: 80px;
  height: 110px;
}
.roundB {
  height: 60%;
  width: 80%;
}
.roundB:hover {
  border: 2px solid black;
  border-radius: 50%;
  height: 100%;
  width: 115%;
}

Answer 1

Firefox只接受悬停在按钮上（不会看到按钮标记内的元素）。如果您将选择器.roundB:hover替换为.P1:hover .roundB，则此功能与现在的Chrome相同。