css设置禁止拖拽输入选中 滚动条样式

input框禁止输入选择

.isinput{
    pointer-events:none;
    cursor:not-allowed;
}

禁止图片文字选中拖动

/* 图片不可拖动 */
img{ pointer-events: none;}
/* 文字不可选中 */
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    user-drag:none;

修改滚动条样式

/* 定义滚动条样式 */
    ::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        background-color: rgba(240, 240, 240, 1);
        position: absolute;
    }

    /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
        border-radius: 10px;
        background-color: rgba(240, 240, 240, .5);
    }

    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
        background-color: #6db0f4;
    }

鼠标光标样式

image.png