用css 来禁用点击事件

html-css010

用css 来禁用点击事件,第1张

在html 中的一种简单的写法。如下:

点击事件执行JavaScript的脚本。如下:

当您遇到一些场景,只需展示时,并且不允许用户点击,您可以用css来控制,这是一种改动量最小,并且不会影响其他的操作;具体写法如下:

跟定义链接连样式一样,通过a:hover来实现就可以,这个表示当鼠标移动到这个元素上时显示的样式:

a {color:#FF0}

a:hover {color:#F00}

锚点代码:

<a name="m1">锚点1</a>

上面的方式是不区分锚点的超链接的,如果要区分,可能为锚点增加一个特定样式,对应的CSS和锚点写法如下:

CSS:

.anchor a {color:#FF0}

.anchor a:hover {color:#F00

HTML锚点代码:

<a class="anchor" name="m1">锚点1</a>

增加一个class样式,这样只会对包含anchor样式的a标签生效,可以避免与正确的超链接冲突