css 如何改变鼠标图标
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 如何改变鼠标图标相关的知识，希望对你有一定的参考价值。
我在html中这样写
body
cursor:url(images/mouse021.ani);/*mouse021.ani 是下载的*/
但是它老是没反应。
我按照你做的但是没反应呀，不过我发现我上面的那种在IE中倒可以了，只是在Firefox不是，有没解决的办法啊？
default 默认光标（通常是一个箭头）
auto 默认。浏览器设置的光标。
crosshair 光标呈现为十字线。
pointer 光标呈现为指示链接的指针（一只手）
move 此光标指示某对象可被移动。
e-resize 此光标指示矩形框的边缘可被向右（东）移动。
ne-resize 此光标指示矩形框的边缘可被向上及向右移动（北/东）。
nw-resize 此光标指示矩形框的边缘可被向上及向左移动（北/西）。
n-resize 此光标指示矩形框的边缘可被向上（北）移动。
se-resize 此光标指示矩形框的边缘可被向下及向右移动（南/东）。
sw-resize 此光标指示矩形框的边缘可被向下及向左移动（南/西）。
s-resize 此光标指示矩形框的边缘可被向下移动（南）。
w-resize 此光标指示矩形框的边缘可被向左移动（西）。
text 此光标指示文本。
wait 此光标指示程序正忙（通常是一只表或沙漏）。
help 此光标指示可用的帮助（通常是一个问号或一个气球）。 参考技术A 一行代码就能搞定它，只要设置cursor即可.具体步骤：
选择鼠标形状的图片: dinosaur.ani。(指针图片有两种格式:*.ani或者*.cur)
设置某个元素style属性：
<body style=" cursor:url(dinosaur.ani)">.body可以改为div、p…… 参考技术B <a style="cursor:mouse021.cur;">dsfsdfas</a>
鼠标格式可以改，但是鼠标的图片一定是.cur格式或.ani格式 参考技术C <a style="cursor:images/mouse021.ani;">dsfsdfas</a>
试试
参考资料：cjl
本回答被提问者采纳Material Icon Two-Tone：如何改变图标的颜色？
【中文标题】Material Icon Two-Tone：如何改变图标的颜色？【英文标题】：Material Icon Two-Tone: How to change the color of icon? 【发布时间】：2020-07-01 20:32:44 【问题描述】：我在我的 Angular 应用程序中使用材质图标，并且我想使用双色图标。 如何更改图标的颜色？ 我尝试了经典颜色：红色；在我的 CSS 文件中，但不起作用。 你能帮帮我吗？
Here are a Stackblitz example
【问题讨论】：
你能粘贴你的代码或创建一个小提琴吗？ 【参考方案1】：在这个Thread 之后，您可以使用color css 键，但材料两色调主题似乎有问题;-)
使用自定义 css 过滤器在几个有角材料 github issue 之一中描述了一种解决方法。这个自定义过滤器可以生成here。
例如：
HTML：
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round|Material+Icons+Two+Tone|Material+Icons+Sharp">
<i class="material-icons-two-tone red">home</i>
css:
.red
filter: invert(8%) sepia(94%) saturate(4590%) hue-rotate(358deg) brightness(101%) contrast(112%);
附件：
工作角度Stackblitz Codepen example Codepen CSS filter Generator【讨论】：
以上是关于css 如何改变鼠标图标的主要内容，如果未能解决你的问题，请参考以下文章