重置输入边框[重复]

Question

有没有办法将输入的边框重置为其默认值？使用 initial 应该可以做到这一点，但会完全删除边框。

.textinputs {
  border: 1px solid red;
}

#txtReset {
  border: initial;
}

<input type="text" class="textinputs" value="hello" />
<input id="txtReset" class="textinputs" type="text" value="world" />

textinputs 类无法删除，因为它是通过服务器控件设置的（输入是使用该类呈现的服务器控件）。

答案here 已过时且不再有效，因为我们现在拥有initial 关键字。

Answer 1

您可以为世界文本框重新定义 css，例如：-

#txtReset {
 border:1px solid #ccc;
}

input[type='text'] {
  border: 1px solid red;
}

#txtReset {
 border:1px solid #ccc;
}

<input type="text" value="hello" />
<input id="txtReset" type="text" value="world" />