html – 悬停在按钮上不适用于Firefox

前端之家收集整理的这篇文章主要介绍了html – 悬停在按钮上不适用于Firefox前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

出了什么问题?

.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%;
}
最佳答案
Firefox只接受悬停在按钮上(不会看到按钮标签内的元素).如果你替换选择器.roundB:悬停到.P1:悬停.roundB这将像现在一样在chrome上工作.
原文链接:https://www.f2er.com/html/425541.html

猜你在找的HTML相关文章