Home  >  Article  >  Web Front-end  >  文本输入框的两种div+css的写法_html/css_WEB-ITnose

文本输入框的两种div+css的写法_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:15:371314browse

1、扁平化的设计风格。--淘宝

 

直接使用input。对其设置height。padding。使鼠标居中又不会占满输入框。

 

 

 

2、背景是图片的设计。--百度

 

试用span将input包裹起来。span设置背景。input设置margin。使用-webkit-appearance:none去除系统的默认样式(主要是在iphone上)。

 

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn