?
This document uses PHP Chinese website manual Release
-webkit-tap-highlight-color:<color>
默認(rèn)值:由user agent決定
適用于:所有元素
繼承性:有
動(dòng)畫(huà)性:是
計(jì)算值:指定值
<color>:指定顏色。
當(dāng)用戶輕按一個(gè)鏈接或者JavaScript可點(diǎn)擊元素時(shí)給元素覆蓋一個(gè)高亮色
如果想取消這個(gè)高亮,將值設(shè)置為全透明即可,比如 transparent
對(duì)應(yīng)的腳本特性為webkitTextHighlightColor。
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 6.0-11.0 | 2.0-40.0 | 4.0-45.0 | 6.0-8.0 | 15.0-29.0 | 6.0-8.3 -webkit- | 2.1-4.4.4 -webkit- | 18.0-42.0 -webkit- |
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>-webkit-tap-highlight-color_CSS參考手冊(cè)_web前端開(kāi)發(fā)參考手冊(cè)系列</title> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" /> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> .test { display: block; margin: 5px; padding: 10px; border: 1px solid #aaa; -webkit-user-select: none; } .demo1 { -webkit-tap-highlight-color: red; } .demo2 { -webkit-tap-highlight-color: red; } </style> </head> <body> <a href="#" class="test demo1">請(qǐng)?jiān)谝苿?dòng)設(shè)備上查看本例</a> <label class="test demo2"><input type="checkbox" />請(qǐng)?jiān)谝苿?dòng)設(shè)備上查看本例</label> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例