`
zhangyaochun
  • 浏览: 2565426 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

-webkit-tap-highlight-color

阅读更多

-webkit-tap-highlight-color

 

 

   -----这个属性只用于iOS(iPhone和iPad)。

 

 

  • 当你点击一个链接或者通过js定义的可点击元素的时候,就会出现一个半透明的灰色背景。

 

  • 当然如果想要禁用高亮,设置颜色的alpha值为0
 
/*设置高亮为50%的透明红*/
-webkit-tap-highlight-color:rgba(255,0,0,0.5);
 

 扩展阅读:

 

http://www.cnblogs.com/radom/archive/2012/04/19/2457356.html

 

分享到:
评论

相关推荐

    浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color

    -webkit-tap-highlight-color 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-...

    去除手机网页点击阴影

    一般做的手机网页在android手机上点击div或者按钮时,点击区都会出现一块令人讨厌的阴影块,想去掉吗,想的话就下载吧

    CSS去除移动端点击时元素产生的背景色 (推荐)

    -webkit-tap-highlight-color: transparent; ps:下面看下css取消a标签在移动端点击时的背景颜色 一、取消a标签在移动端点击时的蓝色   -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-...

    H5中取消a标签在点击时的背景颜色的方法

    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; } 2、使用图片作为a标签的点击按钮时,当触发touchstart的时候,往往会有...

    UIWebView的使用代码

    有用的控件,经常使用设置背景透明 设置webview的backgroundColor属性为[UIColor clearColor]; ? 1 webView.backgroundColor = [UIColor clearColor];... -webkit-tap-highlight-color:rgba(0,0,0,0);

    移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法

    -webkit-tap-highlight-color:transparent; *{ -webkit-tap-highlight-color:transparent; } GitHub:Fuck me on GitHub Fuck me on GitHub 总结 以上所述是小编给大家介绍的移动端开发HTML5页面点击按钮后出现...

    关于排版中经常见的问题及解决方法(分享)

    关于排版中经常见的问题及解决方法(分享) CSS Code复制内容到剪贴板 /*去除默认样式*/  -webkit-appearance:none; ... 解决方案1:*/  ... -webkit-tap-highlight-color:rgba(0,0,0,0); } /*解决方案2:

    PRAJIKA

    普拉吉卡<title> PRAJIKA <...-webkit-tap-highlight-color:rgba(0,0,0,0); margin:0; box-sizing:border-box} .x * ,. x:after,.x:before {box-sizing:inherit} .x-el a [href ^ =“

    解决ios端点击按钮闪烁问题(小tips)

    -webkit-tap-highlight-color:rgba(0,0,0,0); } (值得一提的是,300ms的延迟主要是用于判断用户是否为双击操作) 总结 以上所述是小编给大家介绍的解决ios端点击按钮闪烁问题(小tips),希望

    svgDeCanvo:该库可用于绘制与HTML5 Canvas等效的SVG

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; cursor: default; vertical-align: middle; left: 10px; top: 10px;"> <desc></desc> <defs></defs> <rect x="0" y="0" width="500" ...

    CSS3解决移动页面上点击链接触发色块的问题

    通过研究他们的代码发现,在根属性中,他们设置了这样的一个属性-webkit-tap-highlight-color:rgba(0,0,0,0)。 下面解释一下什么是RGBA,RAG就是颜色值了,大家都知道,A就是Alpha的缩写,就是透明度的意思,多了一...

    html5去掉输入框边框

    去掉a input 输入时的外框 a input a:focus input:focus a:hover input:hover{ webkit tap highlight color:rgba 0 0 0 0 ; webkit user modify:read write plaintext only; }

    移动端点击态处理的三种实现方式

    在移动端开发的时候,常常需要加点击态,就是当用户点击某个URL时,给相应的标签添加按...这篇文章给大家分享了三种实现方法,包括伪类:active、webkit-tap-highlight-color和touch事件,下面来一起看看详细的介绍吧。

Global site tag (gtag.js) - Google Analytics