html表格点击按钮变色

HTML表格中的按钮变色通常通过JavaScript或者CSS来实现。下面是一个简单的例子：

1. 使用HTML创建一个按钮和一个表格：

<button id="myButton">点击我</button>
<table id="myTable">
  <!-- 表格内容 -->
</table>

2. 用CSS设置初始样式和鼠标悬停时的样式：

#myButton {
  background-color: initial; /* 初始颜色 */
  cursor: pointer;
}

#myButton:hover {
  background-color: lightblue; /* 鼠标悬停时的颜色 */
}

这会让按钮在默认状态下保持原色，当鼠标悬停在其上时变为浅蓝色。

3. JavaScript事件监听和处理：
如果你希望按钮只有在特定条件下才会改变颜色，比如点击后，可以添加JavaScript事件处理器：

document.getElementById("myButton").addEventListener("click", function() {
  this.style.backgroundColor = "red"; /* 点击后变成红色 */
});

当按钮被点击时，其背景颜色会变为红色，然后恢复到原始颜色需要在事件处理程序中添加相应的撤销逻辑。