将我的光标指针更改为自定义光标

时间:2014-08-20 00:29:58

标签: css pointers cursor

我看到了这个主题,但它没有任何帮助:“html,css - cursor - 如何更改指针的默认图像”。

我有什么方法可以使用CSS来解决这个问题,b / c我不允许在我正在配置我的个人资料的其他人的网站上使用JScript。我只能使用CSS标记和HTML标记。没有办法在CSS标记中使用JScript,对吧?

描述:当箭头光标在其他元素上时,指针光标会弹出,我需要将指针光标更改为自定义光标。

这是我想要的光标:

enter image description here

什么可行,但我不知道怎么把它放在我下面的代码中,也不知道要替换什么(my_cursor.svg):body {cursor:url(my_cursor.svg),auto; }

body , html { 
    height: 100%; 
    width: 100%; 
    padding: 0; 
    margin: 0; 
    background: #000 url('http://1hdwallpapers.com/wallpapers/undead_dragon.jpg') no-repeat fixed center;  
    background-size:contain; 
    cursor: url('http://www.rw-designer.com/cursor-view/21962.png'), url('cute25.cur'), help; 
}

div#mask { 
    cursor: not-allowed;
    z-index: 999; 
    height: 100%; 
    width: 100%; 
}

1 个答案:

答案 0 :(得分:0)

我的代码部分根本不是问题。正是这条线作为我其余部分的一部分,我没有在这个问题上发帖:

.contentModule { color: #FF00FF; border: 1px solid transparent; background: transparent; li {cursor: pointer}}"  

我有" ...光标:指针; }"而不是" ... li {cursor:pointer}}"。