欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

文本输入框的两种div+css的写法

程序员文章站 2022-05-09 22:58:03
...
1、扁平化的设计风格。--淘宝
直接使用input。对其设置height。padding。使鼠标居中又不会占满输入框。
文本输入框的两种div+css的写法
文本输入框的两种div+css的写法文本输入框的两种div+css的写法
2、背景是图片的设计。--百度
试用span将input包裹起来。span设置背景。input设置margin。使用-webkit-appearance:none去除系统的默认样式(主要是在iphone上)。
文本输入框的两种div+css的写法
文本输入框的两种div+css的写法