做移动端的朋友应该知道,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; 30%; -webkit-appearance:none; }