制作一个input文本域

UI给我一个这样的设计图,想了半天没有想到最优的解决方案:

  • 可以用div叠加,感觉不是很好
  • 用定位感觉也是麻烦

希望用css的before,after属性做

图片描述

阅读 5k
4 个回答

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

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

大把这种CSS,和jquery插件

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题