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

Question

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

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

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

Answer 1

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

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

jsFiddle

Answer 2

将<input>边框设置为仅底部。这是演示，就像您的图片所示。