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

Question

其实我想实现一个如图所示的文本框：

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

那么，有可能做到这一点吗？如果有，怎么做？

Answer 1

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

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

jsFiddle

Answer 2

将<input> 边框设置为仅底边。 Here is the demo，和你的图片一样。