uc浏览器ios版本的css默认设置

虽然做移动端页面的时间不长,才开始不久。但是也需要把自己遇到的问题记录总结一下。

下面是关于UC浏览器ios版本的css默认设置(我遇到过的):

1.-webkit-appearance:none;

  在这个版本上面,当input的type="submit"z或者是type="button"的时候,页面上的该元素就是表现为左右两边都是半圆的一个按钮形状,而不是方形按钮。所以这个时候在改元素上加上样式-webkit-appearance:none;就能够改变ios上的这个默认设置,即呈现在方形按钮。

2.border-radius

  在这个版本上的一些元素,例如按钮,输入框等,在该浏览器上面是默认圆角的(大概是1-2px左右,具体没有去验证过),所以此时需要加上border-radius:0px;在强制还原直角。

3.去除UC浏览器输入框的响应outline

  一般情况下,只要在输入框加入了outline:none;就可以去除的。但是UC是不生效的,需要同时去除tap-high-color。即:

  outline: none;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

 

暂时就这么多。。。。以后持续更新!

posted @ 2013-11-06 13:33  Joy Ho  阅读(640)  评论(0编辑  收藏  举报