时间戳

首页 > 解决方案 > .btn 对象的溢出在悬停时显示一秒钟

javascript - .btn 对象的溢出在悬停时显示一秒钟

问题描述

我一直在试图弄清楚如何保持圆形按钮的边界半径属性在悬停在它上方和远离它时保持不变。到目前为止，我已经能够通过将溢出属性设置为隐藏来弄清楚如何让按钮保持边框半径属性，但是由于某种原因，当我将鼠标移开按钮时，按钮不会停止显示溢出，在采用border-radius属性之前，将它显示为一个正方形的几分之一秒。这是附加到此特定按钮的 CSS 代码。

.container-for-atbd_author_avatar .btn {
  position: absolute;
  border-radius: 50%!important;
  height: 25px;
  width: 25px;
  padding: 0px;
  text-align: center;
  transform: translate(-50%, -50%);
  top: 85%;
  left: 85%;
}


.container-for-atbd_author_avatar .btn:hover {
  /* border-radius: 50%!important; */
  height: 25px;
  width: 25px;
  overflow: hidden;
}

标签： javascripthtmlcss

解决方案

推荐阅读