为什么我的：关注边界不起作用？

Question

好的，我有以下输入字段：

#SignUser {
  padding: 12px 15px 12px 15px;
  border: none;
  border-radius: 2px;
  outline: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  position: relative;
  left: 20px;
  top: 20px;
  width:310px;
}

在焦点上，我想给它一个轻微的边界：

#SignUser:focus {
border: 1px solid black;
}

之前

后

很难解释，但它会使输入字段略微移动。如何添加边框，但输入字段仍保持不变？

如果我没有清楚地解释我的问题，我很抱歉，这是我关于SO的第一个问题。