移動端開發(fā)的一個很大的好處就是可以不管討厭的IE瀏覽器的兼容性,只需要頁面在火狐等一些高級瀏覽器中正常顯示就行。
最近在寫一些移動端的頁面,剛好在今天遇到了這么一個神奇的css特性。那就是tap-highlight-color
這個特效是實現(xiàn)在移動端點擊某個地方的時候,比如說按鈕或者超鏈接的時候,系統(tǒng)會默認加上一些灰色的背景和一些高亮的效果。但是有的時候我們并不想要這些效果。并且希望點擊的時候實現(xiàn)神不知鬼不覺的感覺,,這個時候就要用到tap-highlight-color了。只需要在點擊的元素中加一個css樣式即可,如下:
-webkit-tap-highlight-color:rgba(0,0,0,0);
這個樣式還可以設置點擊時候的背景色:例如:
-webkit-tap-highlight-color: rgba(240,240,240,0.7);
則可改變元素被點擊時背景框的顏色。
另外還有一個設置選中文字顏色的方法。
通常我們選中文字時的背景色是藍色。我們可以用以下樣式去設置網頁的選中內容的樣式:
::selection { background:#FFF; color:#333; }
::-moz-selection { background:#FFF; color:#333; }
::-webkit-selection { background:#FFF; color:#333;}
如果要去掉選中時的顏色,把background都置為none就行了。
CSS3 修改和去除移動端點擊事件出現(xiàn)的背景框