IOS下页面样式定义不能使用??

今天修改手机页面css时,定义的<input type="button" />样式不能显示~ 看下面的例子css

wap页面:html

wKiom1Vdih-Q2ipNAAAzfWaun-s224.jpg

ios访问页面:html5

wKioL1Vdi8PilB5BAAA2cOGrTTg793.jpg

通过从网上各类查找资料,发现IOS系统默认的是原生态样式。ios


解决方法:css3

定义全局 input{web

  -webkit-appearance: none; app

}
ide

样式就和wap页面同样了!! htm

使用html5日期ios <input type="datetime-local" class="datetime_local"/> 若是使用上面的input,就会出现日期选择不会出现,这样的话,我们就须要从新定义 datetime-local 样式,以下代码:blog

.datetime_local {

  -webkit-appearance:textfield;padding:1px;background-color:white;border:2px inset;border-p_w_picpath-source:initial;border-p_w_picpath-slice:initial;border-p_w_picpath-width:initial;border-p_w_picpath-outset: initial;border-p_w_picpath-repeat:initial;width:40%;height:100%;font-size:14px;

}

这样就完美解决~ 


参考资料网址:http://www.w3cplus.com/css3/changing-appearance-of-element-with-css3.html

相关文章
相关标签/搜索