当前位置:首页 > 技术教程 > 建站经验 > 正文内容

解决input表单元素在ios系统上默认圆角和阴影的问题?

爱一流网10个月前 (02-29)建站经验486

这是一个前端开发中的一个小坑,对于正在做响应式网站的朋友,这个坑必须得注意,因为一不留神就会把它给忽略掉,从而导致页面中的input框在ios系统上尴尬的样式!下面这句代码建议在开始动手之前,就事先写到css文件内!

input{

    border: none;

    -moz-appearance:none;

    -webkit-appearance : none ;/*解决ios上按钮的圆角问题*/

    border-radius: 0;/*解决ios上输入框圆角问题*/

    outline:medium;/*去掉鼠标点击的默认黄色边框*/

    background-color: transparent;

    }


扫描二维码推送至手机访问。

版权声明:本文由爱一流网发布,如需转载请注明出处。

免责声明:本站所有资源搜集整理于互联网或者网友提供,仅供学习与交流使用,如果不小心侵犯到你的权益,请及时联系我们删除该资源。

本文链接:https://aiyiliu.com/post/399.html

分享给朋友: