使用css在html上自定义边框（检查图像）

是否有任何可能的方法可以通过css来完成自定义字段下的“行”

---

Jbutler483的答案是减少标记的好方法但是，如果您必须支持比ie9旧的浏览器，请使用此方法。另一种方法本质上是告诉浏览器渲染此内容

.inputItem{
垫面：5px；
左侧填充：5px；
边缘顶部：5px；
位置：相对位置；
}
.inputItem文本区域{
保证金：0；
最小高度：50px；/*可选*/
最小宽度：200px；/*可选*/
}
.以前{
内容：“；
位置：绝对位置；
顶部：-2px；
左：0；
身高：100%；
宽度：30px；
边框：2倍纯色灰色；
边界权：无；
}

自定义输入

您可以在此基础上使用伪元素，减少标记，同时不必使用溢出：

.inputItem{
垫面：5px；
左侧填充：5px；
边缘顶部：5px；
位置：相对位置；
}
.inputItem文本区域{
保证金：0；
最小高度：50px；/*可选*/
最小宽度：200px；/*可选*/
}
.输入项：之前{
内容：“；
位置：绝对位置；
顶部：-2px；
左：0；
身高：100%；
宽度：30px；
边框：2倍纯色灰色；
边界权：无；
}

自定义输入

请您提供源代码的链接，好吗？我看到了您的图片，但您想制作什么“线条”？是的，我指的是侧面的灰色边框。顺便说一句，很好的尝试！