Issue
I have a textarea to input text, if I type some words the cursor following the text appears taller than it should be (as depicted below). Why is it showing that way? Can it be as tall as the words with their font size as 38px?
The code snippet:
<textarea name="quotes" cols="40" rows="10" placeholder=" What`s your quotes? " style="height:100px;width:99%;overflow:auto;border: 1px solid silver;font-size:38px" keynav:shortcut="10"></textarea>
An illustration:
The browser I am using is Chrome.
Please help me solve this issue.
Solution
The answer to your question ('Why does the blinking cursor appear larger than the text?') is that it's an illusion. The cursor actually is the height of the full height of the line. Remember that the bottom of a g, j, p, q, or y is also part of the line. So, it might appear that the blinking cursor is taller than the line, but it really isn't.
Answered By - Derek Henderson
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.