删除输入上的蓝色边框 - CSS

在表单输入框中，当我们点击输入框并开始输入时，输入框周围会出现一个蓝色边框。有时候这个蓝色边框可能会不美观，我们希望将其删除。

我们可以使用CSS来删除输入上的蓝色边框。

方法一：使用outline属性

outline属性用于设置一个元素的轮廓线。表单输入框的轮廓线默认为蓝色。我们可以将其去掉，代码如下：

input:focus {
  outline: none;
}

上述代码中，我们选择了input元素，并使用:focus伪类来表示当元素获得焦点时，其样式发生变化。我们将其outline设为none，就可以将蓝色边框删除。

方法二：使用border属性

另一种方法是将输入框的边框设为其他颜色或不设边框。代码如下：

input:focus {
  border: none; /* 删除边框 */
  /* 或 */
  border: 1px solid black; /* 修改边框颜色 */
}

上述代码中，我们同样选择了input元素，并使用:focus伪类来表示当元素获得焦点时，其样式发生变化。我们可以将其border设为none来删除边框，或将其border设为其他颜色来修改边框颜色。

总结：

使用CSS可以轻松地将输入框边框删除或修改颜色。以上代码片段可以根据具体情况进行修改，使其符合您的需求。