c# - 在表格单元格中显示按钮 悬停/鼠标悬停

Question

我正在 asp.net 中构建仪表板应用程序。我在 div 标签内放置了 3 个输入按钮。当用户将鼠标悬停在表格单元格上时，我希望显示按钮。如何使用 .css、javascript 或 jQuery 来完成此任务？

我的 HTML 如下所示：

<td id="bold_cell1" valign="top" width="33%" Height="33%">
    <div id="buttonBlock">
        <input type="button" id="btnAdd" value="Add" style="font-size:8px" />
        <input type="button" id="btnEdit" value="Edit" style="font-size:8px" />
        <input type="button" id="btnDelete" value="Delete" style="font-size:8px" />
    </div>
</td>

谢谢

Answer 1

老式的方式：CSS：

#buttonBlock input{
   display:none;
}
#bold_cell1:hover #buttonBlock input{
   display:block;
}

演示链接