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);

 

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

转载于:https://www.cnblogs.com/joyho/articles/3410377.html