简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

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

WBOY
Release： 2016-06-16 08:39:29
Original
1675 people have browsed it

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

 
直接使用input。对其设置height。padding。使鼠标居中又不会占满输入框。
 
 
 
2、背景是图片的设计。--百度
 
试用span将input包裹起来。span设置背景。input设置margin。使用-webkit-appearance:none去除系统的默认样式（主要是在iphone上）。
 
Related labels：
文本输入框的两种div+css的写法
source：php.cn
Previous article：基础理解2:CSS3按钮动画 Next article：三栏布局的n种实现
Statement of this Website
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
Latest Articles by Author
Latest Issues
I can't get the image to work without the entire file root hope this helps. I've written a lot of pages for websites before (simulated just for my ow...
From 2024-04-03 23:27:05
0
1
396
How to make an image appear in the center of the header? First of all, my code is based on 3 files, an HTML, a CSS and a JS. It should be noted tha...
From 2024-04-01 23:49:58
0
1
372
Create scalable signposts using HTML, CSS and SVG I want to make a button in the form of a signpost (a rectangle with a tip). _______|\|____...
From 2024-03-31 14:45:14
0
1
294
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！