HTML 表格 输入字体默认红色，点击按钮后字体颜色变为自动

你可以使用 JavaScript 来实现按钮点击后表格字体颜色变为自动。以下是一个简单的示例：

HTML 代码：

<table id="myTable">
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
  <tr>
    <td>单元格3</td>
    <td>单元格4</td>
  </tr>
</table>

<button onclick="changeColor()">改变字体颜色</button>

JavaScript 代码：

function changeColor() {
  var table = document.getElementById("myTable");
  var cells = table.getElementsByTagName("td");
  for (var i = 0; i < cells.length; i++) {
    cells[i].style.color = "inherit";
  }
}

在上面的代码中，我们首先获取了表格的元素，并使用 `getElementsByTagName` 获取所有单元格元素。然后我们使用一个循环遍历所有单元格，并将它们的字体颜色设置为 `inherit`，这样它们的字体颜色将会继承父元素的颜色，即自动颜色。

最后，我们为按钮添加了一个 `onclick` 事件，使它在点击时调用 `changeColor` 函数。