如何在html中输入颜色边框

Question

大家好，有人知道如果点击它们，如何在任何输入框或选择框中放置边框颜色？就像在图片中一样。

Answer 1

您需要:focus选择器：

<强> HTML：

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

<强> CSS

input[type=text]:focus { outline:1px solid red; }

OR

input[type=text]:focus {
    -webkit-box-shadow: 1px 1px 3px 1px #FF0000;
    box-shadow: 1px 1px 3px 1px #FF0000;
}

Answer 2

使用类似

的内容

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

在你的CSS中

。对你来说最重要的部分是：焦点，但我在这里包括[文字]，这样你就不会看到有趣的复选框等。