zoukankan      html  css  js  c++  java
  • css 鼠标不可点击样式

    鼠标不可点击时的样式

    cursor:not-allowed;

    效果如下图:

     需要注意的是,虽然样式显示不可点击,但是点击仍会触发相应事件。

    禁止触发事件

    pointer-events:none;

    使用该样式,会阻止事件的触发。鼠标会显示为箭头样式;

    如果同时使用这两种样式,会阻止事件的触发,但鼠标并不会如我们所想显示为禁用样式,而是显示为箭头样式。

    所以我们在实现效果的时候,可以使用cursor:not-allowed; 然后使用 js代码去阻止事件的触发;

    cursor:not-allowed;
    pointer-events:none;

     

  • 相关阅读:
    jmeter工具应用1
    django1
    5.自动化测试模型
    4.清除cookie操作
    2.操作浏览器
    3.8种元素定位
    1.介绍与环境安装
    模块
    urllib库
    自动化测试PO模式
  • 原文地址:https://www.cnblogs.com/fanful/p/11422299.html
Copyright © 2011-2022 走看看