浏览器自定义光标：突破默认限制
浏览器通常不允许直接修改默认鼠标指针的大小或颜色。要实现个性化光标，需要使用自定义图像（建议使用.cur格式，或透明的.png格式，但浏览器兼容性可能存在差异）。
创建并应用自定义光标：
-
设计自定义光标图像： 创建指定尺寸和颜色的图像文件。
.cur格式在Windows系统下功能更完善。使用.png时，请注意浏览器兼容性问题。 -
CSS样式应用： 使用以下CSS代码将自定义光标应用于网页元素：
<code class="css">.custom-cursor {
cursor: url('path/to/custom-cursor.png') 16 16, auto; /* 16 16 为热点坐标，可调整 */
}</code>
-
url('path/to/custom-cursor.png')指定自定义图像路径。 -
16 16定义热点坐标（鼠标点击的有效区域）。 -
, auto指定当自定义光标加载失败时的备用光标（默认光标）。
-
HTML元素应用： 在HTML中，将
custom-cursor类应用于需要自定义光标的元素：
<code class="html"><div class="custom-cursor"> 将鼠标悬停在此区域查看自定义光标。 </div></code>
文本输入光标（Caret）的自定义：
对于文本输入框或可编辑区域内的光标（闪烁的插入点），可以使用CSS的 caret-color 属性更改其颜色：
<code class="css">input, textarea, [contenteditable="true"] {
caret-color: red; /* 将 'red' 替换为任意有效的CSS颜色值 */
}</code>
注意： caret-color 属性仅能更改光标颜色，目前没有标准的CSS属性可以直接调整光标大小（高度或厚度）。光标大小通常由元素字体大小和浏览器默认设置决定。
