css3 -阻止元素成为鼠标事件目标 pointer-events

pointer-events:auto|none

其中pointer-events:none:元素永远不会成为鼠标事件的target。

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>pointer-events_CSS参考手册_web前端开发参考手册系列</title>
<meta name="author" content="" />
<style>
a[href="http://example.com"] {
    pointer-events: none;
}
</style>
</head>
<body>
<ul>
    <li><a href="#">MDN</a></li>
    <li><a href="http://abc.com">一个不能点击的链接</a></li>
</ul>
</body>
</html>

 

posted @ 2018-03-16 13:35  Tane  阅读(152)  评论(0)  编辑  收藏  举报