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

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

wap页面:

技术分享

ios访问页面:

技术分享

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


解决方法:

定义全局 input{

  -webkit-appearance: none; 

}

样式就和wap页面一样了!! 

使用html5日期ios <input type="datetime-local" class="datetime_local"/> 如果使用上面的input,就会出现日期选择不会出现,这样的话,咱们就需要重新定义 datetime-local 样式,如下代码:

.datetime_local {

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

}

这样就完美解决~ 


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

本文出自 “成长记录” 博客,请务必保留此出处http://jsny821.blog.51cto.com/4736911/1653516

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。