成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

解決ios safari中按鈕圓角問題

fanux / 3652人閱讀

摘要：?jiǎn)栴}描述使用編寫頁面在移動(dòng)中嵌套，總會(huì)涉及到按鈕的使用，在手機(jī)瀏覽器中顯示正常，但在瀏覽器中會(huì)看到按鈕顯示為圓角樣式，設(shè)置也不好使，其實(shí)添加就能解決問題。問題截圖解決上的圓角問題總結(jié)使用樣式輕松解決上的圓角問題。

問題描述

　　使用html5編寫頁面在移動(dòng)app中嵌套，總會(huì)涉及到按鈕的使用，在android手機(jī)瀏覽器中顯示正常，但在ios safari瀏覽器中會(huì)看到按鈕顯示為圓角樣式，設(shè)置border-radius:0也不好使，其實(shí)添加 -webkit-appearance:none就能解決問題。

問題截圖
　　

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" />
總結(jié)

　　使用css樣式-webkit-appearance: none; 輕松解決iphone safari上的圓角問題。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/111042.html

相關(guān)文章

  • 瀏覽器兼容問題

    摘要：一什么是瀏覽器兼容問題所謂的瀏覽器兼容性問題，是指因?yàn)椴煌臑g覽器對(duì)同一段代碼有不同的解析，造成頁面顯示效果不統(tǒng)一的情況。條件注釋最初于微軟的瀏覽器中出現(xiàn)，并且直至均支持。 一、什么是瀏覽器兼容問題 所謂的瀏覽器兼容性問題，是指因?yàn)椴煌臑g覽器對(duì)同一段代碼有不同的解析，造成頁面顯示效果不統(tǒng)一的情況。在大多數(shù)情況下，我們的需求是，無論用戶用什么瀏覽器來查看我們的網(wǎng)站或者登陸我們的系統(tǒng)，都...

    wenshi11019 評(píng)論0 收藏0

  • 第六天 移動(dòng)端Web開發(fā)注意事項(xiàng)

    摘要：隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，移動(dòng)已經(jīng)逐漸成為互聯(lián)網(wǎng)的主要入口，隨之而來的是前端在移動(dòng)開發(fā)上面臨的各種機(jī)遇與挑戰(zhàn)，本文就一些常見移動(dòng)端問題對(duì)移動(dòng)開發(fā)需要注意的事項(xiàng)進(jìn)行一下總結(jié)，必然不可能涉及方方面面，但會(huì)隨著筆者的積累持續(xù)更新。 隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，移動(dòng)Web已經(jīng)逐漸成為互聯(lián)網(wǎng)的主要入口，隨之而來的是前端在移動(dòng)Web開發(fā)上面臨的各種機(jī)遇與挑戰(zhàn)，本文就一些常見移動(dòng)端問題對(duì)移動(dòng)Web開發(fā)需要注意...

    妤鋒シ 評(píng)論0 收藏0

  • 第六天 移動(dòng)端Web開發(fā)注意事項(xiàng)

    摘要：隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，移動(dòng)已經(jīng)逐漸成為互聯(lián)網(wǎng)的主要入口，隨之而來的是前端在移動(dòng)開發(fā)上面臨的各種機(jī)遇與挑戰(zhàn)，本文就一些常見移動(dòng)端問題對(duì)移動(dòng)開發(fā)需要注意的事項(xiàng)進(jìn)行一下總結(jié)，必然不可能涉及方方面面，但會(huì)隨著筆者的積累持續(xù)更新。 隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，移動(dòng)Web已經(jīng)逐漸成為互聯(lián)網(wǎng)的主要入口，隨之而來的是前端在移動(dòng)Web開發(fā)上面臨的各種機(jī)遇與挑戰(zhàn)，本文就一些常見移動(dòng)端問題對(duì)移動(dòng)Web開發(fā)需要注意...

    xbynet 評(píng)論0 收藏0

  • 移動(dòng)前端知識(shí)總結(jié)

    摘要：基礎(chǔ)知識(shí)頁面窗口自動(dòng)調(diào)整到設(shè)備寬度，并禁止用戶縮放頁面忽略將頁面中的數(shù)字識(shí)別為電話號(hào)碼忽略平臺(tái)中對(duì)郵箱地址的識(shí)別當(dāng)網(wǎng)站添加到主屏幕快速啟動(dòng)方式，可隱藏地址欄，僅針對(duì)的版本以后，上已看不到效果將網(wǎng)站添加到主屏幕快 meta基礎(chǔ)知識(shí)H5頁面窗口自動(dòng)調(diào)整到設(shè)備寬度，并禁止用戶縮放頁面 忽略將頁面中的數(shù)字識(shí)別為電話號(hào)碼 忽略Android平臺(tái)中對(duì)郵箱地址的識(shí)別 當(dāng)網(wǎng)站添加到主屏幕快...

    gotham 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

fanux

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<