联系QQ 284710375
首页 > 技术分享 > H5|CSS3
收藏

去除苹果手机input的默认样式,以及注意事项2020-11-24 17:21:47

大潇博客 原创文章,转载请标明出处

input显示在苹果手机中,会有一个阴影框,影响美观,在css中加入:

input {-webkit-appearance:none; /*去除baiinput默认样式*/}

使用这个CSS语句即可去掉阴影框


但使用这个样式会,会使input的radio类型和checkbox类型不显示,解决方法:可以为radio和checkbox类型的input单独加上:

-webkit-appearance:radio;

打赏

阅读排行

大家都在搜

博客维护不易,感谢你的肯定
扫码打赏,建议金额1-10元
  • 15601023311