html / html5中的自定义输入文本框

Question

实际上，我想实现一个文本框，如图所示：

我希望用户能够在所需空间中输入数字。请注意，它是透明的，以便背景可见。涉及html5 canvas的解决方案也不错。

那么，有可能这样做吗？如果是这样，怎么样？

Answer 1

到目前为止你尝试了什么？你几乎回答了自己的问题，让输入有一个透明的背景。

input {
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 2px solid black;
    width: 20px;
}

jsFiddle

Answer 2

设置<input>边框只是底边。 Here is the demo，就像你的照片所示。