css - 创建一个带有虚线边框的输入元素

Question

我想在表单中放置一个输入元素。但是，我希望它有一个虚线边框，而不是它有一个实心框边框。

这类似于 basecamp 邀请新人加入现有元素的方式。

有什么想法吗？

Answer 1

这是我想出的代码:

HTML

<input type="text" id="dotted">

CSS

#dotted {
    border:0;
    border-bottom: 2px dotted;
}

这是一个jsfiddle .