Question

说我有输入。

HTML

<input type="text">

的CSS：

input, input:focus {
  border: none;
  outline: solid 1px grey;
  box-shadow: none;
}

单击时，输入会更改大小。我该如何阻止它？

Answer 1

如果你正在浏览Chrome，那是因为以下默认的用户代理样式：

input:focus, textarea:focus,
keygen:focus, select:focus {
    outline-offset: -2px;
}

因此，在关注元素时，您需要将outline-offset设置为0：

input:focus {
  outline-offset: 0;
}