Html 能否在css边框底部属性中确定破折号的数量？

我想要一个具有以下要求的输入文本框

固定大小的

只有虚线数等于大小的底部虚线边框

我试过：

<div>
    input text: <input size="5" maxlength="5"/>
</div>

输入文本：

是我试过的小提琴

是否可以将破折号的数量与文本框的“大小”属性相等？

---

如果是，我怎么做？

首先，这是不可能的。每个浏览器渲染虚线边框的方式都不同

你可以采取变通办法。在下面的示例中，我添加了一个模拟可使用字符数的

ul

输入{
边界：无；
边框：0px虚线；
字母间距：2px；
}
输入：焦点{
大纲：0
}
div{
边框：2个实心#CCC；
填充：50px；
}
保险商实验室{
位置：相对位置；
顶部：-35px；
右：-30px；
高度：1px；
}
李{
显示：内联；
边际：0.2px；
列表样式类型：无；
字号：8px；
}

输入文本：

无法处理。。。。您需要JS将每个字母括起来，并将边框放在底部。^他所说的，而且每个浏览器显示的虚线边框也不一样。我发现很难访问输入框。@vinesh您可以更改

ul

的位置或在

输入上设置
最小宽度：100px
。只需使用CSS值即可。祝你好运