首页 > 技术文章 > 解决iphone safari上的圆角问题

ch-zaizai 2017-01-24 09:10 原文

转自 http://www.cnblogs.com/qiongmiaoer/p/3573211.html
css
 
input .btn
{
    display : inline-block ;
    height : 30px ;
    line-height : 30px ;
    border : 0 ;
    cursor : pointer ;
    font-size : 15px ;
    color : #fff ;
    font-weight : bold ;
    border-radius : 5px ;
    padding : 0px 20px;
    overflow : visible ;
    -webkit-appearance : none ;  /*解决iphone safari上的圆角问题*/
}
 

html

< input type ="button" class ="btn" />

 

总结
   使用css样式-webkit-appearance: none;  轻松解决iphone safari上的圆角问题。

推荐阅读