显示的是IOS的原生样式效果【澳门金莎网址】

近来做了一个活动顾客基本的连串,遇到二个难题:在IOS下,input的习性退换不了,呈现的是IOS的原生样式效果,大概在此以前做活动项目一贯没放在心上到这一点。

然后查了些资料,开采IOS境况下的按键都以透过美化的,但日常我们在付出品种的时候无需那几个看上去老土的体裁,所以去除那一个显得很有不能够贫乏。我们得以看下ios和Android的表单input效果,如下图:

IOS表单效果:

IOS以致Android表单效果:

下边那句代码正是大家常用重新初始化那一个样式的措施:

-webkit-appearance: none;

日常性,假如大家在支付移动端项目时,就必要动用如下CSS代码:

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

上面重新设置了input按键、输入框,密码输入框等样式,这样大家就可以跟Android同样,随便用大家的CSS来调整input的体制了。

相关文章