只需要給 input 或者 textarea 增加如下 CSS 即可：
-webkit-appearance: none;
border-radius: 0;
另外，使用html5編寫頁(yè)面在移動(dòng)app中嵌套，總會(huì)涉及到按鈕的使用，在android手機(jī)瀏覽器中顯示正常，但在ios safari瀏覽器中會(huì)看到按鈕顯示為圓角樣式，設(shè)置border-radius:0也不好使，其實(shí)添加css “-webkit-appearance”就能解決問題。
問題截圖
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" />
總結(jié)：
使用css樣式-webkit-appearance: none; 輕松解決iphone safari上的圓角問題。
我是有底線的
掃描二維碼手機(jī)查看該文章
文章引用：http://www.qingbaosc.com/news/webzhishi/948.html
在線咨詢
電話咨詢
