当鼠标悬停在表格上时显示按钮

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; }