css的button按钮为什么在iPhone上显示的圆的呢？有什么方法可以解决，谢谢！

html-css016

css的button按钮为什么在iPhone上显示的圆的呢？有什么方法可以解决，谢谢！,第1张

默认是有圆角的，所以需要手动设置圆角为0

button{

border-radius：0px

-webkit-border-radius:0px

}

用CSS代码设定按钮的圆角样式，这个在css3中才能实现，通过使用border-radius来实现这个效果，不过有浏览器的兼容性问题，-moz(例如 -moz-border-radius)用于Firefox；-webkit(例如：-webkit-border-radius)用于Safari和Chrome；border-radius:5px 15px 20px 25px它的意思就是上的圆角5px，右的圆角15px，下的圆角20px，左的圆角25px，通过例子来实际看下：

<div id="round"></div>

#round {

   padding:10pxwidth:300pxheight:50px

   border: 5px solid #dedede

   -moz-border-radius: 15px     /* Gecko browsers */

   -webkit-border-radius: 15px  /* Webkit browsers */

   border-radius:15px           /* W3C syntax */

}

效果如图：

用css代码设定按钮的圆角样式，这个在css3中才能实现，通过使用border-radius来实现这个效果，不过有浏览器的兼容性问题，-moz(例如

-moz-border-radius)用于firefox；-webkit(例如：-webkit-border-radius)用于safari和chrome；border-radius:5px

15px

20px

25px它的意思就是上的圆角5px，右的圆角15px，下的圆角20px，左的圆角25px，通过例子来实际看下：

#round

{

padding:10px

width:300px

height:50px

border:

5px

solid

#dedede

-moz-border-radius:

15px

/*

gecko

browsers

*/

-webkit-border-radius:

15px

/*

webkit

browsers

*/

border-radius:15px

/*

w3c

syntax

*/

}

button和div是一样的道理

css样式就可以实现