Heim  >  Artikel  >  Web-Frontend  >  文本输入框的两种div+css的写法_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:15:371317Durchsuche

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

 

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

 

 

 

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

 

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

 

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn