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

Question

实际上,我想实现一个文本框,如图所示: 在此输入图像描述

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

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

Answer 1

你都尝试了些什么？你几乎回答了自己的问题,使输入具有透明背景.

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