-webkit-appearance: none;

上边那句代码正是大家常用重新初始化那么些样式的不二等秘书技:

经常,假诺我们在开垦活动端项目时,就须要使用如下CSS代码:

IOS以至Android表单效果:

下面重新恢复生机设置了input开关、输入框,密码输入框等样式,那样大家就足以跟Android同样,随便用大家的CSS来调整input的体裁了。

前段时间做了一个运动客商为主的档案的次序,蒙受一个难题:在IOS下,input的习性更正不了,突显的是IOS的原生样式效果,可能在此此前做运动项目一向没留意到这点。

input[type=button],input[type=text]数据解读 ,,input[type=password]{-webkit-appearance:none;outline:none}

IOS表单效果:

下一场查了些资料,开采IOS碰着下的按键都以经过美化的,但日常大家在开垦项指标时候无需那几个看上去老土的体裁,所以去除那个显得很有必要。大家得以看下ios和Android的表单input效果,如下图:

相关文章

网站地图xml地图