移動端開發的那些坑

時間 2019-11-11

標籤移動開發那些欄目無線简体版

原文原文鏈接

1 在移動設備上，點擊input會出現默認的灰色背景，如何才能去掉它。默認的陰影會把一些尺寸給暴露出來，很難看。html

解決：web

-webkit-tap-highlight-color:rgba(0,0,0,0);

tap-highlight-color:rgba(0,0,0,0);

2 「表單中的input[type="submit"]和input[type="reset"]按鈕在iPhone的safari瀏覽器下圓角有一個bug」瀏覽器

解決：app

-webkit-appearance: none;

3 less

IOS移動端active不起做用：函數

[1] By default, Safari Mobile does not use the :active state unless there is a touchstart event handler on the relevant element or on the <body>.url

即在iOS系統的移動設備中，須要在按鈕元素或body/html上綁定一個touchstart事件才能激活:active狀態。 document.body.addEventListener( ' touchstart ' , function () { // ...空函數便可});

相關標籤/搜索