久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

淺析CSS3中鮮為人知的屬性:-webkit-tap-highlight-color

CSS中的-webkit-tap-highlight-color屬性,簡單來說功能就是手機端點擊時的背景色設置,下面這篇文章主要介紹了CSS3中這個鮮為人知的屬性:-webkit-tap-highlight-color的相關資料,需要的朋友可以參

-webkit-tap-highlight-color

這個屬性只用于iOS (iPhone和iPad)。當你點擊一個鏈接或者通過Javascript定義的可點擊元素的時候,它就會出現一個半透明的灰色背景。要重設這個表現,你可以設置-webkit-tap-highlight-color為任何顏色。
想要禁用這個高亮,設置顏色的alpha值為0即可。

示例:設置高亮色為50%透明的紅色:

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

瀏覽器支持: 只有iOS(iPhone和iPad).

css3中-webkit-text-size-adjust詳解     

1、當樣式表里font-size<12px時,中文版chrome瀏覽器里字體顯示仍為12px,這時可以用 html{-webkit-text-size-adjust:none;}

2、-webkit-text-size-adjust放在body上會導致頁面縮放失效

3、body會繼承定義在html的樣式

4、用-webkit-text-size-adjust不要定義成可繼承的或全局的

outline:none

(1)在pc端為a標簽定義這個樣式的目的是為了取消ie瀏覽器下點擊a標簽時出現的虛線。ie7及以下瀏覽器還不識別此屬性,需要在a標簽上添加hidefocus="true"

(2)input,textarea{outline:none}  取消chrome下默認的文本框聚焦樣式

(3)在移動端是不起作用的,想要去除文本框的默認樣式可以使用-webkit-appearance,聚焦時候默認樣式的取消是-webkit-tap-highlight-color。

看到一些移動端reset文件加了此屬性,其實是多余。

webkit-appearance

-webkit-appearance: none;   //消除輸入框和按鈕的原生外觀,在iOS上加上這個屬性才能給按鈕和輸入框自定義樣式 。

注意:不同type的input使用這個屬性之后表現不一。text、button無樣式,radio、checkbox直接消失

-webkit-user-select  

-webkit-user-select: none; // 禁止頁面文字選擇 ,此屬性不繼承,一般加在body上規定整個body的文字都不會自動調整

-webkit-touch-callout  

-webkit-touch-callout:none;  // 禁用長按頁面時的彈出菜單(iOS下有效) ,img和a標簽都要加

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家學習或者使用CSS3能有一定的幫助,如果有疑問大家可以留言交流。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了CSS3 linear-gradient線性漸變生成加號和減號的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
這篇文章主要介紹了CSS mask-image屬性詳細介紹(小結)的相關資料,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css3中的漸進增強和優雅降級的相關資料,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了淺談css3新單位vw、vh、vmin、vmax的使用詳解的相關資料,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了淺談css3中calc在less編譯時被計算的解決辦法的相關資料,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 亚洲精品1| 91在线区| 97精品一区二区 | 一道本在线 | 亚洲 欧美 日韩 精品 | 国产韩国精品一区二区三区 | 密色视频 | 日韩手机在线视频 | 久久不卡 | 日本在线免费视频 | 午夜在线免费观看 | 91久久久久 | 成人午夜视频在线观看 | 日韩免费视频 | 亚洲精品一区二区在线观看 | 精品福利视频一区二区三区 | 97国产一区二区精品久久呦 | 国产精品一区二区三区在线 | 欧美性区 | 中文字幕久久精品 | 96国产精品久久久久aⅴ四区 | 国产电影一区二区在线观看 | 一区二区三区不卡视频 | 欧美日韩成人 | 一区二区视频在线观看 | 国产情侣久久 | 伊人网99 | xx性欧美肥妇精品久久久久久 | h在线播放| 国产精品毛片一区二区在线看 | 日韩欧美一区在线 | 国产精品久久久久一区二区 | 国产精品高潮呻吟久久 | 在线观看亚洲专区 | 亚洲国产成人久久综合一区,久久久国产99 | 国产精品不卡 | 欧美精品日韩 | 91 视频网站 | 久久91精品国产一区二区三区 | 成人免费视频网站在线看 | 色在线免费视频 |