Html 如何设置<；输入>；边境

我不知道如何称呼这种功能，但我的问题是，有没有办法设置以下效果的颜色：

只使用

边框

是不行的

使用：

outline

适用于所有现代浏览器

但是，您将无法完全复制所需的效果（这似乎是Chrome在关注某个字段时的默认行为？），因为

outline

没有

radius

属性。也许@Sarfraz的建议是一个合适的解决方法。

您可以使用以下css：

input:focus,textarea:focus,select:focus{
    border:1px solid #fafafa;
    -webkit-box-shadow:0 0 6px #007eff;
    -moz-box-shadow:0 0 5px #007eff;
    box-shadow:0 0 5px #007eff;
}

当然你可以随意改变颜色

input:focus,textarea:focus,select:focus{
    border:1px solid #fafafa;
    -webkit-box-shadow:0 0 6px #007eff;
    -moz-box-shadow:0 0 5px #007eff;
    box-shadow:0 0 5px #007eff;
}