摘要:首先介紹兩個移動端私有屬性,當你觸摸并按住觸摸目標時候,禁止或顯示系統默認菜單。這個屬性可以讓你禁用系統默認菜單。如果未設置透明度,使用默認的透明度。
首先介紹兩個移動端私有屬性
-webkit-touch-callout,-webkit-tap-highlight-color
-webkit-touch-callout:當你觸摸并按住觸摸目標時候,禁止或顯示系統默認菜單。在iOS上,當你觸摸并按住觸摸的目標,比如一個鏈接,Safari瀏覽器將顯示鏈接有關的系統默認菜單。這個屬性可以讓你禁用系統默認菜單。
-webkit-tap-highlight-color :當用戶點擊iOS的Safari瀏覽器中的鏈接或JavaScript的可點擊的元素時,覆蓋顯示的高亮顏色。
該屬性可以只設置透明度。如果未設置透明度,iOS Safari使用默認的透明度。當透明度設為0,則會禁用此屬性;當透明度設為1,元素在點擊時不可見。
在手機webkit瀏覽器中,用戶在某一些按鈕上長按3秒鐘后,會彈出一個系統的列表,ios和android各自展現不一樣,列表可以有復制或在在新窗口打開的等操作,這種體驗對于按鈕來說是不需要的,按鈕上是綁定事件,有特殊功能,而這里系統把它當做一個鏈接的意義。查看了代碼,原來是一個a標簽,鏈接地址為空。
查看余額
在IOS平臺下只需控制當前元素的-webkit-touch-callout的樣式屬性為none;屬性來禁止觸發系統的菜單
a{-webkit-touch-callout:none}
這里補充-webkit-touch-callout:none 的功能,測試結果如下:
1.ios 長按時不觸發系統菜單
2.ios 和 android 長按時不觸發下載圖片菜單
**安卓下,只能用button ,input type="button" 代替a標簽
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/50273.html
摘要:不允許負值用百分比來定義縮放比例。解決這個很簡單,在父元素中使用即可解決該。列寬度由單元格內容設定。定義僅有大寫字母。不過,要讓任何元素生效還得借助于一點點。 css/css3常用樣式 CSS修改選中文字的顏色 html代碼: 第一段文字選中效果 第二段文字選中效果 css代碼: .p1::selection{background:red;color:#fff;} .p2::selec...
摘要:一屬性基本含義控制的大小為設備的寬度初始的縮放比例允許用戶縮放到的最小比例允許用戶縮放到的最大比例用戶是否可以手動縮放忽略將頁面中的數字識別為電話號碼忽略平臺中對郵箱地址的識別當網站添加到主屏幕快速啟動方式,可隱藏地 一、meta 屬性基本含義: content=width=device-width: 控制 viewport 的大小,device-width 為設備的寬度 ini...
摘要:可用于攔截某一請求,并重定向到本地的資源,或者使用的內置響應。作為目前最好用的調試工具之一,功能很強大,這里僅做簡單介紹,有興趣的可以深入學習。 前言 Fiddler 是目前最強大最好用的調試工具之一,它能記錄所有客戶端和服務器的http和https請求,設置 CGI 請求的斷點,甚至修改輸入輸出數據。fiddler 的工作原理,是它在 web server 和 web browser...
閱讀 2935·2021-10-14 09:43
閱讀 2875·2021-10-14 09:42
閱讀 4656·2021-09-22 15:56
閱讀 2364·2019-08-30 10:49
閱讀 1592·2019-08-26 13:34
閱讀 2380·2019-08-26 10:35
閱讀 600·2019-08-23 17:57
閱讀 2027·2019-08-23 17:15