文本前面的光标看起来比文本大

时间:2013-05-08 17:16:28

标签: html css

我有一个textarea来输入文字, 如果我输入一些单词,那么我文本前面的光标看起来会更大。 为什么它显示更大?它应该等于我的话? 我希望字体大小为38px;

我正在Chrome浏览器上测试它

请帮我解决这个问题。

<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>

enter image description here

2 个答案:

答案 0 :(得分:2)

你的问题的答案('为什么闪烁的光标看起来比文字大?')是一种错觉。光标实际上是线条全高的高度。请记住,g,j,p,q或y的底部也是该行的一部分。因此,它可能显示闪烁的光标比线高,但实际上并非如此。

答案 1 :(得分:0)

问题可能已经解决,原因是从现在起3年,但是阅读评论说这是一个错觉问题(导致游标大小与行相同,我使用以下方法解决了我的问题:

line-height: 27px; 

在我的输入字段中。

未来也许可以帮助某人:D