C# 隐藏动态div标记，包含动态输入按钮

我在C#（Asp.net）中的标记内动态创建了一个div标记，该标记将包含3个动态生成的按钮。我只想在用户将鼠标移到表格单元格（td标记）上时显示div。我可以通过css实现这个吗

C#中的动态生成如下所示：

HtmlTableCell cell = (HtmlTableCell)c;

                        HtmlInputButton PopupAddButton = new HtmlInputButton();
                        PopupAddButton.ID = "PBA" + c.ID.ToString();
                        PopupAddButton.Value = "Add";
                        PopupAddButton.Style["Height"] = "14px";
                        PopupAddButton.Style["Width"] = "40px";
                        PopupAddButton.Style.Add(HtmlTextWriterStyle.Top, "-100");
                        PopupAddButton.Style["right"] = "0";
                        PopupAddButton.Style["float"] = "left";
                        PopupAddButton.Style["vertical-align"] = "top";
                        PopupAddButton.Style["font-size"] = "9px";

                        HtmlInputButton PopupEditButton = new HtmlInputButton();
                        PopupEditButton.ID = "PBE" + c.ID.ToString();
                        PopupEditButton.Value = "Edit";
                        PopupEditButton.Style["Height"] = "14px";
                        PopupEditButton.Style["Width"] = "40px";
                        PopupEditButton.Style["top"] = "0";
                        PopupEditButton.Style["right"] = "0";
                        PopupEditButton.Style["float"] = "left";
                        PopupEditButton.Style["vertical-align"] = "top";
                        PopupEditButton.Style["font-size"] = "9px";

                        HtmlInputButton PopupDeleteButton = new HtmlInputButton();
                        PopupDeleteButton.ID = "PBD" + c.ID.ToString();
                        PopupDeleteButton.Value = "Delete";
                        PopupDeleteButton.Style["Height"] = "14px";
                        PopupDeleteButton.Style["Width"] = "40px";
                        PopupDeleteButton.Style["top"] = "0";
                        PopupDeleteButton.Style["right"] = "0";
                        PopupDeleteButton.Style["float"] = "left";
                        PopupDeleteButton.Style["font-size"] = "9px";
                        PopupDeleteButton.Style.Add(HtmlTextWriterStyle.VerticalAlign, "top");


                        PopupAddButton.Attributes.Add("onClick", "AddPopupControlToTableCell('" + cell.ClientID + "', '" + cell.Height.ToString() + "', '" + g_PopupControlId + "');");
                        PopupEditButton.Attributes.Add("onClick", "EditPopupControlToTableCell('" + cell.ClientID + "', '" + cell.Height.ToString() + "', '" + g_PopupControlId + "');");
                        PopupDeleteButton.Attributes.Add("onClick", "DeletePopupControlToTableCell('" + cell.ClientID + "', '" + cell.Height.ToString() + "', '" + g_PopupControlId + "');");

                        HtmlGenericControl ButtonDiv = new HtmlGenericControl("div");
                        ButtonDiv.ID = "buttonBlock" + c.ID.ToString();
                        ButtonDiv.Attributes.Add("class", "buttonBlock");

                        ButtonDiv.Controls.Add(PopupAddButton);
                        ButtonDiv.Controls.Add(PopupEditButton);
                        ButtonDiv.Controls.Add(PopupDeleteButton);

                        cell.Controls.Add(ButtonDiv);

我的.css当前看起来像这样

.buttonBlock input{
  display:none;
}
td:hover #buttonBlock input{
 display:inline;
}

---

然而，这不起作用。我做错了什么？

请先尝试修复此代码

td:hover #buttonBlock input{
display:inline;
}

到

---

您的原始版本正在查找buttonBlock（

#buttonBlock

）的id，而它应该查找buttonBlock（

.buttonBlock

）的类。

以什么方式不起作用？悬停不起作用吗？你有错误吗？谢谢peroija！我对.css还是很熟悉，但这确实奏效了！

td:hover .buttonBlock input{
display:inline;}