html – CSS：单击时按钮文本移动

2023年6月5日 338次阅读 
 .btn_style{
   border: none;
   outline: 0;
   background: #edf1f2;
   border-radius: 2px;
   width: 90px;
   height: 30px;
}
.btn_style:focus{
   border: thin #c7d3d6 solid;
   width: 90px;
   height: 30px;
   outline: 0 !important;
}
<button type="button" class="btn_style">Medium</button>

当我点击按钮然后文本稍微移动.

任何帮助都会很棒.

谢谢.

最佳答案

.btn_style{
            border: none;
            outline: 0;
            background: #edf1f2;
            border-radius: 2px;
            width: 90px;
            height: 30px;
            padding:0;
            margin:0;
             
          }

          .btn_style:focus{
            border: thin #c7d3d6 solid;
            width: 90px;
            height: 30px;
            outline: 0 !important;
          }
<button type="button" class="btn_style">Medium</button>

添加填充：0和边距：0到.btn_style.这将解决您的问题.

希望这可以帮助.

点赞