zoukankan      html  css  js  c++  java
  • 鼠标的指针状态 以及 事件禁用

    常用的几种鼠标样式:

    cursor: auto; // 光标
    cursor: crosshair; // 十字
    cursor: default; // 默认
    cursor: e-resize; // 左右
    cursor: help; // 箭头+小问号
    cursor: move; // 移动,上下左右
    cursor: n-resize; // 上下
    cursor: ne-resize; // 左下+右上
    cursor: nw-resize; // 左上+右下
    cursor: pointer; //
    cursor: progress; // 加载
    cursor: s-resize; // 上下
    cursor: se-resize; // 左上+右下
    cursor: sw-resize; // 左下+右上
    cursor: text; // 光标
    cursor: w-resize; // 左右
    cursor: wait; // 等待
    补充:
    cursor: no-drop // 是一个红色的圈加一个斜杠,表示禁用的意思(:hover状态下的样式 依然 起作用)
    cursor: not-allowed // 是一个红色的圈加一个斜杠,表示禁用的意思(:hover状态下的样式 不 起作用)
    cursor: url(https://files.cnblogs.com/files/wkfvawl/cursor.ico), auto; // 自定义鼠标样式
    禁用标签:一般<input>、<button>的功能禁用,浏览器带有默认样式
    <input class="input" disabled="disabled" value="禁用"></input>
    
    .input:disabled{ // 修改禁用的样式
        cursor: not-allowed;
    }
    禁用事件:标签上鼠标原有的事件不能实现
    pointer-events: none
  • 相关阅读:
    Mysql外键和表关系
    列类型-字符类型
    列类型-日期时间型
    列类型
    破解MySQL的root密码
    数据库简单使用
    数据库简介
    socketserver
    python网络编程-粘包问题的解决
    python-网络编程,简单模型
  • 原文地址:https://www.cnblogs.com/MrZhujl/p/11428841.html
Copyright © 2011-2022 走看看