css去除webkit内核的默认样式

做移动端的朋友应该知道,iphone的默认按钮是个很恶心的圆角,select下拉框也有默认样式无法修改。

css去除webkit内核的默认样式

这时候可以用到

-webkit-appearance:none //去除默认样

  在按钮和select样式里加入上面css,效果如下图。

css去除webkit内核的默认样式

css代码如下:

 

input{
background:#FF9933;
border-radius:5px;
color:#fff;
padding:3px 20px;
-webkit-appearance:none;
}
select{
background:url(images/img1.jpg) no-repeat;
background-size:20px;
background-position:95% center;
padding:3px 10px;
width:30%;
-webkit-appearance:none;
}

  

上一篇:java多线程中显式锁的轮询检测策略


下一篇:quick-cocos2d-x基于源码加密打包功能的更新策略