光标的形状也能设置了，就是CSS caret-shape属性
CSS引入了caret-shape属性，允许开发者自定义文本输入光标的形状。该属性提供四种值：bar（默认的细竖条光标）、block（方块光标，适用于覆盖式输入场景）、underscore（下划线光标，适合模拟打字机或下划线样式）以及auto（自动选择）。每个值通过GIF动图展示了实际效果，帮助直观理解差异。 与caret-shape同时发布的还有caret-animation属性，用于控制光标的闪烁行为。默认值auto保持闪烁，manual则禁用闪烁，允许开发者通过动画实现自定义效果，例如文章中演示的七色变色闪烁案例。此外，这些属性可通过caret缩写属性合并设置，但需注意caret-color兼容性较早，而缩写可能影响现有支持，因此建议谨慎使用。 该特性目前仅Chrome浏览器支持，属于渐进增强，不会影响未支持环境下的默认表现。整体而言，这些属性为网页交互设计提供了更灵活的光标定制选项。