指引网

当前位置: 主页 > 网页制作 > HTML >

css去除webkit内核的默认样式

来源:网络 作者:佚名 点击: 时间:2017-07-06 20:58
[摘要]  做移动端的朋友应该知道,iphone的默认按钮是个很恶心的圆角,select下拉框也有默认样式无法修改。

webwxgetmsgimg


这时候可以用到

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

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


img1


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

img1


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


------分隔线----------------------------