制作一个input文本域
ＵＩ给我一个这样的设计图，想了半天没有想到最优的解决方案：
- 可以用div叠加，感觉不是很好
- 用定位感觉也是麻烦
希望用css的before，after属性做
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
ＵＩ给我一个这样的设计图，想了半天没有想到最优的解决方案：
希望用css的before，after属性做
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（4）
内部用input下边框宽度满，小竖线用外层div的after.befor做
直接让文本框overflow挡住完整蓝色的外层div呢？
大把这种CSS，和jquery插件
因为
input没有:before,:after属性， 所以只能借助其他的元素来实现这个效果：Demo：借助一个Div实现