如何修复光标大小？

Question

我的 textarea 具有不同的 font-size 和 line-height 。 我在 textarea 中的行之间进行了间隔。

当我在 textarea 中按Enter键时，我得到了大光标。 我该如何解决这个问题？

textarea {
    font-size: 28px;
    line-height: 92px;
}

<textarea></textarea>

我发现了几个非常相似的问题。但是这些解决方案不起作用。

提前致谢

Answer 1

没有关于光标大小的属性，但仍然可以通过添加如下图像来使用自定义光标：

cursor: url('cursor.png');

Answer 2

导致此问题的line-height属性的较大值 - 将其更改为更接近字体大小的内容，并且光标的大小会减小。

line-height属性主要适用于两件事：垂直居中单行文本和增加行间距，但后者在文本字段中存在问题。