css去除webkit内核的默认样式
发布时间：01/15 来源： 浏览：
关键词：
做移动端的朋友应该知道，iphone的默认按钮是个很恶心的圆角，select下拉框也有默认样式无法修改。
这时候可以用到
-webkit-appearance:none //去除默认样
在按钮和select样式里加入上面css，效果如下图。
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;}
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;}
