?
Ce document utilise Manuel du site Web PHP chinois Libérer
-webkit-tap-highlight-color:<color>
默認(rèn)值:由user agent決定
適用于:所有元素
繼承性:有
動畫性:是
計(jì)算值:指定值
<color>:指定顏色。
當(dāng)用戶輕按一個鏈接或者JavaScript可點(diǎn)擊元素時給元素覆蓋一個高亮色
如果想取消這個高亮,將值設(shè)置為全透明即可,比如 transparent
對應(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參考手冊_web前端開發(fā)參考手冊系列</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">請?jiān)谝苿釉O(shè)備上查看本例</a> <label class="test demo2"><input type="checkbox" />請?jiān)谝苿釉O(shè)備上查看本例</label> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例