html中的input标签改变输入框边缘颜色的属性

在 input 输入框中，可以使用以下属性来修改其边缘颜色：

1. border-color

border-color 属性可用于修改输入框的边框颜色。例如：

input {
  border: 2px solid #ccc;
}

以上代码表示为输入框添加了2像素的灰色边框。

2. outline

outline 属性可用于修改输入框的外边框颜色。例如：

input:focus {
  outline: 2px solid #4CAF50;
}

以上代码表示当输入框获得焦点时，外边框变为绿色。

需要注意的是，outline 不会影响输入框的布局，而 border 可能会导致输入框的尺寸增大。

3. box-shadow

box-shadow 属性可用于为输入框添加阴影效果，从而让输入框看起来更加立体化，例如：

input {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

以上代码表示为输入框添加了一个向下的阴影效果。

4. CSS伪类选择器

使用CSS伪类选择器，如 :focus 和 :valid， 可以根据输入框不同的状态来设置不同的边缘颜色，例如：

input:focus {
  border-color: blue;
}

input:valid {
  border-color: green;
}

input:invalid {
  border-color: red;
}

以上代码表示当输入框获得焦点时边缘颜色变为蓝色，当输入框内容合法时边缘颜色变为绿色，当输入框内容不合法时边缘颜色变为红色。

综上所述，上述属性和伪类选择器都可以用于修改输入框的边缘颜色。其中，选择使用哪个属性还需看需要达到什么效果。