当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;
}

在JSFiddle上预览

Answer 2

你可以这样做：

input:focus
{
    background-color:blue;//*
}

*这只是一个改变背景颜色的例子。在这里做任何你想要的事情

在这里查看完整的示例。