最近做移动端的页面,碰到了一个问题,就是css无法定义按钮样式,包括input :submit,:button及button标签等,如图,左边是设计稿,右边是iOS下显示的效果;
stackoverflow搜索了一下,??,找到了解决方案,就是在按钮元素上加个样式:
-webkit-appearance : none ;
官网上文档:
MDN上也有相关的描述:?
测试还发现一个小问题就是,加了上面的属性后,iOS下默认还是带有圆角的,不过可以使用?border-radius属性修改,例如:
-webkit-appearance : none ; -moz-appearance : none ; -moz-border-radius : 15px ; -webkit-border-radius : 15px ; border-radius : 15px ;
ps,最近做移动端的页面制作坑还是挺多的,一个一个去踩呗。
最新评论
写的挺好的
有没有兴趣翻译 impatient js? https://exploringjs.com/impatient-js/index.html
Flexbox playground is so great!
感谢总结。
awesome!
这个好像很早就看到类似的文章了
比其他的教程好太多了
柯理化讲的好模糊…没懂