制作一个input文本域

0 0

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

希望用css的before，after属性做

图片描述

10 years ago

Scave 10 years ago

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

answered 10 years ago

八百屋野菜 answered 10 years ago

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

answered 10 years ago

世界好可爱 answered 10 years ago

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

answered 10 years ago

Stephan answered 10 years ago

大把这种CSS，和jquery插件

answered 10 years ago

踩不死D小小强 answered 10 years ago