成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

解決ios safari中按鈕圓角問題

fanux / 3741人閱讀

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

問題描述

　　使用html5編寫頁面在移動app中嵌套，總會涉及到按鈕的使用，在android手機瀏覽器中顯示正常，但在ios safari瀏覽器中會看到按鈕顯示為圓角樣式，設(shè)置border-radius:0也不好使，其實添加 -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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/111042.html

相關(guān)文章

  • 瀏覽器兼容問題

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

    wenshi11019 評論0 收藏0

  • 第六天 移動端Web開發(fā)注意事項

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

    妤鋒シ 評論0 收藏0

  • 第六天 移動端Web開發(fā)注意事項

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

    xbynet 評論0 收藏0

  • 移動前端知識總結(jié)

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

    gotham 評論0 收藏0

發(fā)表評論

0條評論

fanux

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<