input line-height造成的兼容问题
2015-12-17 17:56
295 查看
所有的form表单中的 input和select的高度样式写法,不要写成height和line-height;不然就会出现一定的兼容问题; 该问题也可归结为下面几个问题: input,select不适合line-height; input框光标不居中; input框光标在谷歌浏览器不居中朝上; select框给了高度,但不居中; 2.好处: 这个存在一定的问题: 1)可以解决input中光标在360浏览器中很长问题; 2)可以解决input中光标在谷歌浏览器里朝上的问题; 3.解决方案: 使用padding就可以轻松解决; 一般写法:给input和select高度为height:30px; line-height:30px; 这样的写法就会造成上面的问题;应按如下写 input写法: padding:5px 3px; height:20px; select写法: padding:5px 3px; height:30px; 这样效果和前面的是一样的input和select的区别就在height上;
相关文章推荐
- java synchronized
- androidRSA加密,java解密出现错误或者乱码
- 向前奔跑中、、、
- SMS服务API设计
- Mybatis原理分析之七:资源加载
- IT公司100题-16-层遍历二元树
- 广点通sdk接入 _应用墙广告
- 直接修改别人jar包里面的class文件 工具:jclasslib
- Android学习(三)
- 03、3分钟教你搞定这该死的Delegate!代理与协议委托的深度理解
- JavaScript 文章备注
- linux 免用户密码登录
- 学习CRYPTO第二天
- View hierarchy-视图层次
- 工作环境搭建(8) - CentOS7命令行安装Android SDK
- jQuery学习笔记(一)
- 安装成功的nginx如何添加未编译安装模块
- ggplo2学习笔记——基本图形类型
- 10-动画组
- C3P0数据库连接池相关配置