制作一个input文本域

0 0

ＵＩ给我一个这样的设计图，想了半天没有想到最优的解决方案：

希望用css的before，after属性做

图片描述

10 years, 3 months ago

Scave 10 years, 3 months ago

直接让文本框overflow挡住完整蓝色的外层div呢？

answered 10 years, 3 months ago

八百屋野菜 answered 10 years, 3 months ago

内部用input下边框宽度满，小竖线用外层div的after.befor做

answered 10 years, 3 months ago

世界好可爱 answered 10 years, 3 months ago

因为 input 没有 :before , :after 属性，所以只能借助其他的元素来实现这个效果：
Demo：借助一个Div实现

answered 10 years, 3 months ago

Stephan answered 10 years, 3 months ago

大把这种CSS，和jquery插件

answered 10 years, 3 months ago

踩不死D小小强 answered 10 years, 3 months ago