自定义的鼠标图标,推荐使用ico或cur格式,png也可以。
修改body的设置鼠标样式
body不代表所有html元素。
body{ cursor: url(../pic/cursor/Luo\ Tianyi.png), default; width: 100%; height: 100%; }
cursor末尾的default:default是默认样式之一,修改样式失败时,使用default样式;除了default,还有auto、poniter、wait、move、help等可选择的默认样式。
将body的height设置为100%,可防止页面底部鼠标样式不生效的问题。
html{ cursor: url(../pic/cursor/Luo\ Tianyi.png), default; width: 100%; height: 100%; }
修改所有元素的鼠标样式
*{ cursor: url(../pic/cursor/Luo\ Tianyi.png), default; }
修改整个页面的鼠标样式
*可以配合body或html,修改整个页面的鼠标样式。
在Windows系统浏览器访问没问题;在Linux系统(如Ubuntu)浏览器访问,页面底部鼠标样式不生效:
*{ cursor: url(../pic/cursor/Luo\ Tianyi.png), default; } body{ cursor: url(../pic/cursor/Luo\ Tianyi.png), default; width: 100%; height: 100%; } Windows和Linux均生效: *{ cursor: url(../pic/cursor/Luo\ Tianyi.png), default; } html{ cursor: url(../pic/cursor/Luo\ Tianyi.png), default; width: 100%; height: 100%; }