您的位置:首页 > 其它

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上;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: