仅有底部边框的文本字段

Question

如何创建一个透明或没有背景，没有顶部，左边和右边框的文本字段？

我只使用CSS和HTML。

Answer 1

可能是这篇文章的副本：A customized input text box in html/html5

＆＃13;

＆＃13;

input {
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 1px solid black;
}

＆＃13;

<input></input>

＆＃13;

＆＃13;

＆＃13;

Answer 2

请参阅此JSFiddle

 input[type="text"]
    {
        border: 0;
        border-bottom: 1px solid red;
        outline: 0;
    }

<form>
        <input type="text" value="See! ONLY BOTTOM BORDER!" />
    </form>