input line-height造成的兼容问题

  所有的form表单中的 inputselect的高度样式写法,不要写成heightline-height;不然就会出现一定的兼容问题;
     该问题也可归结为下面几个问题:
     input,select不适合line-heightinput框光标不居中;
     input框光标在谷歌浏览器不居中朝上;
     select框给了高度,但不居中;
2.好处:
      这个存在一定的问题:
           1)可以解决input中光标在360浏览器中很长问题;
           2)可以解决input中光标在谷歌浏览器里朝上的问题;
3.解决方案:
     使用padding就可以轻松解决;
    一般写法:给inputselect高度为height:30px; line-height:30px; 这样的写法就会造成上面的问题;应按如下写
     input写法: padding:5px 3px; height:20px;
     select写法: padding:5px 3px; height:30px;
 这样效果和前面的是一样的inputselect的区别就在height上;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值