html - 如何在更改颜色时不让我的边框移动？

所以基本上，我在那里改变了边框的颜色，突然间它重新缩放并且比以前更小，但其余部分没有重新缩放。

代码如下:

#MM {
  background-color: black;
  border-color: rgb(255, 25, 0);
  height: 100px; 
  width: 100px;
}

<button id="MM" onclick="Mining()"><img id="MMI" src="EnemyPhase1.png"></button>

这是结果(图像是占位符):

最佳答案

在这种情况下最好的办法是添加一个 box-sizing 属性。这有助于减少任何不需要的更改。

box-sizing: border-box;

关于html - 如何在更改颜色时不让我的边框移动？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58868487/