Как исправить размер курсора?

Question

У меня есть textarea с различными размер шрифта и line-height. Я сделал это для расстояния между строками в textarea.

Когда я нажимаю ввод внутри textarea Я получаю большой курсор. Как я могу решить эту проблему?

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

<textarea></textarea>

Я нашел несколько вопросов, которые очень похожи. Но эти решения не работают.

Заранее спасибо

Answer 1

Это большое значение line-height имущества, которое вызывает это - измените его на что-нибудь ближе к размеру шрифта, и ваш курсор уменьшится в размере.

Свойство line-height в основном хорош для двух вещей: вертикальное центрирование отдельных строк текста и увеличение межстрочного интервала, но последнее проблематично в текстовом поле.

Answer 2

Там нет свойства относительно размера курсора, но все же вы можете использовать пользовательские курсоры путем добавления изображения, как:

cursor: url('cursor.png');