Javascript 仅当鼠标悬停在桌子上时显示按钮

我已经用table创建了一个

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>

@Html.TextBox（“名称”）
@复选框（“复选框1”）
<
@foreach（模型中的var项目）
{
@DisplayFor（modelItem=>item.name）
@DisplayFor（modelItem=>item.checkBox1）
}

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

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

---

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

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

---

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

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

---

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

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

---

css永远是更好的方式。css永远是更好的方式。css永远是更好的方式。css永远是更好的方式。