文字框就像一个下划线

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 */
}

-- SEE WORKING DEMO --

Answer 2

我认为如果您只想在打印时更改它，那么您应该像这样使用

适用于普通屏幕

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

用于打印屏幕

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