css的button按钮为什么在iPhone上显示的圆的呢?有什么方法可以解决,谢谢!

html-css012

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

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

button{

border-radius:0px

-webkit-border-radius:0px

}

给按钮添加css样式有以下三种方法:

1,直接在元素上定义style,如下:

<input type="button" style="这里定义样式">

2,页面中内嵌样式,如下:

<style>

    .btn{需要添加的样式}

</style>

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

3,外部引用css文件,如下:

<link rel="stylesheet" type="text/css" href="这里是css文件的路径">

用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样式就可以实现