您可以通过使用输入的 outline 和 outline-offset CSS 属性来实现此目的:
body {
background-color: #333;
}
.input {
background-color: #fff;
border: none;
padding: 5px;
margin: 1rem;
border-radius: 1px;
}
.outlined {
outline: 2px #fff solid;
outline-offset: 2px;
}
<input type="text" class="input" />
<input type="text" class="input outlined" />
请注意,它将禁用浏览器默认的大纲行为。