Html 零件id号输入设计，带有单字符放置和突出显示

我正在Angular应用程序中构建一个包含输入字段的页面。其中一个字段是需要以这种方式格式化的标识号

有谁能给我推荐一个类似的设计源代码/教程，或者建议我如何自己设计它。

css中的

.identification box

具有以下属性

    width: 48px;
    border: none;
    background: #FBFBFB;
    border-bottom: 3px solid #D8DDE3;

这是一个框，您将不得不在ngFor中重复，只是这里很冗长