-webkit-tap-highlight-color 学习

最新推荐文章于 2024-02-29 20:53:17 发布

原创最新推荐文章于 2024-02-29 20:53:17 发布 · 644 阅读

0 ·

CC 4.0 BY-SA版权

CSS 专栏收录该内容

94 篇文章

订阅专栏

本文介绍了一种在Safari浏览器中实现特定链接点击时背景变为黄色的技术方案。通过使用-webkit-tap-highlight-color属性，可以自定义点击链接时的高亮颜色。

效果：在safari 中，点击如下第一个链接会闪烁一下黄色背景

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<a href="#" style=" -webkit-tap-highlight-color:yellow; width:50%;height: 200px;">aaaa</a>
<a href="#" style=" width:50%;height: 200px;">bbb</a>

</body>
</html>