仅有底部边框的文本字段

Question

如何创建具有透明背景或无背景,没有顶部,左侧和右侧边框的文本字段？

我只使用CSS和HTML.

Answer 1

可能是这篇文章的重复:html/html5中的自定义输入文本框

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

<input></input>

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>