如何用CSS控制光标/插入符号大小

Question

我正在尝试控制html textarea中的插入符号大小。大小似乎默认为行高，有没有办法手动控制它？

Answer 1

没有任何方法可以改变插入符号在textarea中的外观。如果你想这样做，你将不得不使用textarea以外的东西，比如div或canvas元素，并使用JavaScript控制所有内容。

Answer 2

值得一提的是，某些字体的默认大小和光标位置看起来很奇怪。如果这对您来说是高优先级，那么至少值得考虑切换到其他字体。这是一个Google字体看起来很怪异而另两个看起来不奇怪的示例：

您可能还幸运地用不同的设置生成了Webfont文件。专家模式下的font squirrel webfont generator具有垂直指标和 x高度匹配的设置，可能有助于解决此问题。来自不同铸造厂的大多数付费Web字体现在也具有相似的导出设置。调整设置，重复导出，安装新文件并检查工作绝对是一项耗时的工作，但这通常是值得的。