-webkit-tap-highlight-color -webkit-touch-callout

原创 2017年01月04日 02:49:23

-webkit-tap-highlight-color 是一个不规范的属性,他没有出现在css规范的草案中


当用户点击ios的safari浏览器中的链接或js的可点击元素的手,覆盖显示的高亮颜色

该属性可以只设置透明度,如果没有设置透明度,ios 的safari使用默认的 透明度,当透明度设为0,则会禁用此属性;当透明度设为1,元素在点击时不可见。


-webkit-tap-highlight-color:color

默认值 inherit

适用于:链接元素比如新窗口打开,img元素比如保存图像等等


-webkit-touch-callout  是一个不规范的属性,他没有出现在css规范的草案中

当你触摸并按住触摸目标,禁止或显示系统默认菜单。在ios上,当你触摸并按住触摸的目标,比如一个链接,safari浏览器将显示链接有关的默认菜单,这个属性可以让你禁用系统默认菜单。

 取值

 color 颜色值

transparent :透明值

-webkit-tap-highlight-color:behavior

默认值 inherit

适用于:链接元素比如新窗口打开,img元素比如保存图像等等



http://www.css88.com/webkit/-webkit-appearance/


取值

none : 系统默认菜单被禁用

inherit: 系统默认菜单不被禁用


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

CSS3 鲜为人知的属性-webkit-tap-highlight-color的理解

(一)-webkit-tap-highlight-color         这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它...

网页在Safari快速滚动和回弹的原理: -webkit-overflow-scrolling : touch;的实现

现在很多for Mobile的HTML5网页内都有快速滚动和回弹的效果,看上去和原生app的效率都有得一拼。 要实现这个效果很简单,只需要加一行css代码即可: [css]...
  • cddcj
  • cddcj
  • 2016-08-12 10:16
  • 905

网页在Safari快速滚动和回弹的原理: -webkit-overflow-scrolling : touch;的实现

现在很多for Mobile的H5网页内都有快速滚动和回弹的效果,看上去和原生app的效率都有得一拼。 要实现这个效果很简单,只需要加一行css代码即可: -webkit-overflow-scrol...

webkit浏览器捕获touch gestures的插件

捕获手指向不同方向滑动产生的事件 /** * jQuery Plugin to obtain touch gestures from iPhone, iPod Touch and iP...

关于 -webkit-overflow-scrolling:touch 的小bug

最近在写页面时遇到一个页面长度刚刚超过手机高度一点,所以页面这时是可以上下滑动的,在安卓手机上滑动很流畅,但是在苹果手机上下滑动时会出现卡顿回弹等现象导致不流畅;故我给body加了body{ -w...

Create a Custom Listfield - Change Highlight Color

Create a Custom Listfield - Change Highlight Color when Scrolling When you're programming for Black...

Qt_5_Simon_Hausmann_on_Qt_WebKit

  • 2017-04-25 17:07
  • 21.28MB
  • 下载

手机web开发,click,touch,tap事件浅析

一、click 和 tap 比较 两者都会在点击时触发,但是在手机WEB端,click会有 200~300 ms,所以请用tap代替click作为点击事件。 singleTap和doubleTap...

WebKit内核源代码分析(1)

  • 2015-06-18 10:44
  • 125KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)