asp.net - asp：ValidationSummary in div elemenet and styled

Question

<div style="width:100%; background-color:Aqua; text-align:center; vertical-align:middle; height:30px;">
<asp:ValidationSummary ID="ValidationSummary1" runat="server" HeaderText="Error" />
</div>

エラーがない場合はdiv要素を表示したくありません。aspコントロールだけでjsを使いたくない！

Answer 1

1 つのオプションは、新しい Web コントロールを作成し、それを ValidationSummary から派生させ、Render メソッドをオーバーライドして、実際の ValidationSummary を必要に応じて div でラップすることです。

protected override void Render(HtmlTextWriter output) {
   writer.Write("<div class=\"validationsummary-wrap\">");

   //Write the derived validation summary
   base.Render(writer);

   writer.Write("</div>");
}

Answer 2

height:auto; line-height:30px;の代わりに使用height:30px;

<div style="width:100%; background-color:Aqua; text-align:center; vertical-align:middle; height:auto; line-height:30px;">
<asp:ValidationSummary ID="ValidationSummary1" runat="server" ForeColor="Black" HeaderText="Fill" />
</div>