html 超链接 双击响应,css 超链接不可点击事件

css 超链接不可点击事件

css可以通过设置一些属性来让超链接不可点击，具体实现如下。

css代码：cursor:pointer;

pointer-events: none;

第一行是使鼠标变成箭头而不再是小手形状

第二行是使超链接失效代码

不仅是a标签，iframe标签也有效，示例如下：

测试

scrolling="no" src="//tianqi.2345.com/plugin/widget/index.htm?s=2&z=2&t=0&v=0&d=3&bd=0&k=&f=&lt

f=009944&htf=cc0000&q=1&e=0&a=0&c=60813&w=385&h=96&align=center">

.weather{

color:gray;

cursor:pointer;

pointer-events: none;

}

可以看见，我们点击了【测试】超链接，并没有反应。