在chrome中的Textarea中的行高与游标高度问题

Question

如果我们指定的行高大于font-size，我们可以减少与font-height相同的光标高度吗？在Chrome浏览器中查看此fiddle，您就可以了解我所说的内容。这在Firefox中运行良好，问题仅在Chrome浏览器中。 Textarea html是：

<TEXTAREA style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 50px; height: 150px;"></TEXTAREA>

编辑：

我想要行之间的行高空间，因为我有textarea的背景图像，水平线我试图放置文本。

Answer 1

听起来好像要更改位于文本区域内的Caret。这是一篇涵盖此内容的文章。

Styling text input caret

Answer 2

try this for line height space between line...


<div style="background-color: lime; line-height: 2cm;">
testing line height - line 1 <br>
testing line height - line 2 <br>
</div> 

Answer 3

我在Chrome中尝试过此代码并且成功了。现在，您实现并检查您的代码。

<TEXTAREA style="font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height: 10px; height: 150px;"></TEXTAREA>