asp.net - 下線のようなテキストボックス

Question

テキスト入力用に空白が配置されている紙の文書のように、asp.net コントロールのテキスト ボックスを下線のみのように表示する方法はありますか?

Answer 1

ソリッドを適用するborder-bottom:

<asp:TextBox id="txt" runat="server" CssClass="underlined" />

CSS:

input.underlined
{
   border:0;
   border-bottom:solid 1px #000;
   outline:none; /* prevents textbox highlight in chrome */
}

-- 実際のデモを見る --

Answer 2

印刷時にのみ変更したい場合は、このように使用する必要があると思います

通常画面の場合

@media screen
{
   input.underlined
   {
    /*put your attributes here*/
   }
}

プリントスクリーン用

@media print
{
  input.underlined
  {
    border:0;
    border-bottom:solid 1px #000;
   }
}