css自定义鼠标样式并调整位置

cusor:url(图片地址) x y,auto;
x,y为坐标偏移值

.rotate-icon {
        position: absolute;
        pointer-events: all;
        width: 10px;
        height: 10px;
        left: 50%;
        top: -24px;
        margin-left: -7px;
        // font-size: 20px;
        color: #adb0b2;
        border: 1px solid #adb0b2;
        border-radius: 50%;
        cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAASRJREFUOE+dk01SwkAQhd+bcAD/9sZFqPIUxJvAMnIIyCGQJXgS4BRWmYU5gKIHoOZZHSsxykTA2SQ18/r119M9xD/W2fwpjnyUvo37S4biTeB8byhiQKqkx8Z0FmDfi1kxBTGhNNozOH8oVgTSIJiQb8fJtNOgyqxoZcEUcjqW9i+vWMQEYAyoFFhakiBB15XUZRl6rTnaoEK25XQNcXiSwVdZvZcQ2dEEl7PnJmvbqGnjX4JDY0ILFrkICT13Nx/ZbdWJrrVvIOS12Hp+OgG13Gb9USjQuuHdbtmmaggErAnF9bBAfHQO69rIS4vq7FeC7xKE3NztDbSHpU1iSd7vk7v23g+DuuareZFW4+swkBhT2BjNa5Y0RM0wtZ/moQsLnX8CW9qfXc4Zn14AAAAASUVORK5CYII=) 8 8,auto;//第二个参数 防止第一个不生效
        // cursor: url(#{$cursorImg}) auto;
        // font-weight: bold;
        // box-sizing: border-box;

    }

你可能感兴趣的:(css,前端,javascript)