用css设置a标签无效，让链接跳转失效

这个代码有个坑，就是如果a标签里面放了一个图片，然后给a标签设置这个样式，这个时候是不起效果的，只能在a标签外面包一个div，然后给div设置这个样式

pointer-events:none;

这个是 css3 的代码，这句代码可以把 onlick 事件去掉，相当于变为普通文本

原文地址：https://www.cnblogs.com/Hajar/p/11360433.html

时间： 2024-10-14 23:14:49

用css设置a标签无效，让链接跳转失效的相关文章

表单元素标签链接跳转失效处理

在表单内部,button按钮,事件跳转失效 function _cancal() { window.location = "knowledgeList.do"; window.event.returnValue=false;}

1.html 和 body高度为0为什么背景色能充满整个浏览器 : https://www.sohu.com/a/146413356_230028 浏览器的机制,浏览器的底板(默认是白色),就近吸收 html 或 body的颜色.html没有设置颜色,就吸收body的颜色.两者都没有就显示自己的颜色. html 和 body 本身设置的背景色是生效的,和div的行为是一样的. 2.html 和 body 的高度,和div标签的行为一样.没有设置的话,被内容撑开. 3.html 的高度

html p行间距离 <p>标签上下行间距CSS设置

在html网页中,我们看到文章段落使用p标签后上下段落之间会有行间隔距离,这里要介绍是p与p段落行间距离如何调整设置? html p行间距 p上下段落间行间距截图从上html <p>段落文章演示效果截图看出,p与p上下段落行间距是有一定距离的.这种段落p行间距是可以通过CSS调节调整的.常见方法有两种,一种line-height调整,另外一种使用margin调整行间距. 一.使用css line-height设置p行间距使用CSS行高样式line-height可以设置调整p行间距,但是同时

css设置链接<a>四个状态代码实例

css设置链接<a>四个状态代码实例:本章节介绍一下如何设置链接<a>四个状态,因为默认状态下的链接状态在实际应用中可能无法完全满足我们的需要,下面先介绍链接a有哪四个状态.1.默认状态,也就是没有进行任何操作的状态,对应的css代码是a:link.2.鼠标悬浮状态,也就是当鼠标放在链接上时候的状态,对应的css代码是a:hover.3.鼠标按下状态,这个时候鼠标在连接上已经按下,但是还没有松开的状态,对应的css代码是a:active.4.鼠标点击过的状态:也就是鼠标点击过链接并

css设置让a标签充满整个li

首先贴一段html代码: <li id="sendText"><a href="#" title="发送文字"></a></li> <li id="mic"><a href="#" title="关闭麦克风"></a></li> <li id="camera">

DIV+CSS设置网页—hatml

7.表单标签 (1)什么是表单?把输入的数据提交到服务器上(存到服务器),这个过程称为表单 (2)使用表单标签实现数据提交到服务器上这个过程 (3)form 标签:如果写表单,首先定义表单的范围 * 属性 ** action:提交的服务器的地址 ** method:表单的提交方式(有很多种,常见的有两种 get和post) *** 代码 <form action="hello.html" method="get">

05使用CSS设置字体和文本样式

使用CSS设置字体和文本样式: 1.定义字体类型font-family 用法: font-family:name; font-family:ncursive|fantasy|monospace|serif|sans-serif name表示字体名称,可指定多种字体,用空格隔开.按优先顺序排列.如果字体名称包含空格,则应该使用括号()括起来. font是一个复合属性,所谓复合属性是指该属性能够设置多种字体属性,用法如下: font:font-style||font-variant||font-we

css设置span元素的尺寸

css设置span元素的尺寸:在默认状态下是无法设置span元素的尺寸的,只能够根据内容的尺寸自适应,也就是说给span元素设置width和height属性默认条件是无效的.之所以会出现这种情况是因为span元素是内联元素,内联元素无法设置尺寸的,只要设置为块级或者内联块级元素即可.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name=&qu

CSS设置点击前后的颜色变化

加到你的CSS样式表里body {color: #颜色代码 !important} /*设置全局没链接的文字颜色*/ a:link {color: #颜色代码 !important} /*设置全局未点击链接的颜色*/ a:visited {color: #颜色代码 !important} /*设置全局被点击后的链接颜色*/ a:hover {color: #颜色代码 !important} /*设置全局鼠标悬停在链接上未点击时的颜色*/ a:active {color: #颜色代码 !impor