重置输入控件的边框颜色(HTML/Javascript)

在HTML和Javascript中，可以通过修改CSS样式来重置输入控件的边框颜色。以下是一个简单的示例：

HTML代码：

<!DOCTYPE html>
<html>
<head><style>
  .reset-border {
    border-color: #000000;
  }
</style>
</head>
<body><input type="text" id="inputBox" onfocus="resetBorder()" onblur="resetBorder()"><script>
  function resetBorder() {
    var inputBox = document.getElementById("inputBox");
    inputBox.classList.toggle("reset-border");
  }
</script>

</body>
</html>

在这个示例中，我们创建了一个名为“reset-border”的CSS类，将边框颜色设置为黑色。然后，我们在HTML中创建了一个输入框，并在其上添加了onfocus和onblur事件，以便在输入框获得焦点或失去焦点时调用resetBorder()函数。

在Javascript中，我们定义了resetBorder()函数，该函数使用getElementById()方法获取输入框，并使用classList.toggle()方法添加或删除“reset-border”类，从而重置输入框的边框颜色。

这个示例可以根据需要进行修改和扩展，以适应不同的场景和需求。