html - 当它是 OnFocus 时如何使用 CSS 制作输入文本边框

Question

当您在输入文本上聚焦 (onclick) 时，可以做到这一点。任何帮助，将不胜感激。

Answer 1

您可以使用 outline和 :focus ，这些都与主要浏览器兼容。

HTML

<input type="text" class="inp" />
<br>
<input type="text" class="inp" />

CSS

.inp{
    border:solid 2px gray;    
    margin: 20px 5px;
    outline:solid 10px silver;
}
.inp:focus{
    outline:solid 10px red;
}

Preview on JSFiddle