javascript - 仅在鼠标悬停在表格上时显示按钮

Question

我已经创建了一个带有表格的 mvc5 应用程序，是否有一个选项可以让用户在使用鼠标经过(悬停)表格时可以看到表格中的按钮？

表格定义如下:

  <tbody id="dataTable">
            <tr id="emptyRow" style="display: none;">
                <td>@Html.TextBox("name")</td>
                <td>@Html.CheckBox("checkBox1")</td>

                <
            @foreach (var item in Model)
            {
                <tr data-id="@item.Id">
                    <td>
                        @Html.DisplayFor(modelItem => item.name)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.checkBox1)
                    </td>

                    <td>


                    </td>
                </tr>
            }
        </tbody>
    </table>

Answer 1

非常确定以下 CSS 应该可以工作

#dataTable .actions-default { display: none; }
#dataTable:hover .actions-default { display: block; }