如何在html中输入颜色边框

大家好，有人知道如何在任何输入框或选择框中添加边框颜色吗？就像照片上一样

您将需要

：焦点
选择器：

HTML:

<label for="my-text">My Label</label>
<input type="text" name="my-text" id="my-text" />

或

使用类似

input[type=text]:focus { border-color: #f00; }

在你的CSS中。对你来说最重要的部分是：焦点，但我在这里加入了[文本]，这样你就不会看到看起来很滑稽的复选框等等。
大纲
！=<代码>边框
。始终避免使用命名颜色。看到和
input[type=text]:focus {
    -webkit-box-shadow: 1px 1px 3px 1px #FF0000;
    box-shadow: 1px 1px 3px 1px #FF0000;
}

input[type=text]:focus { border-color: #f00; }