如何用css调整搜索栏内的Caret(闪烁光标)大小

Question

我试图谷歌它,并惊奇地发现没有结果相关...我想知道如何使用CSS调整搜索框内的CSS闪烁光标？我调整了搜索框的大小,但似乎闪烁的光标大小仍然是原始的小文本大小.

Answer 1

你不能改变插入符号的宽度（至少现在是这样）；但是您可以更改大多数现代浏览器的插入符号颜色

input {
 caret-color: red;
 caret-color: #ff0000;
 caret-color: rgb(255, 0, 0);
 caret-color: hsl(0, 97%, 50%);
}

Answer 2

搜索 Caret 而不是 Cursor 将为您提供更多结果。

显然，它在 textarea 中是不可能的，但可以通过 Javascript 在其他元素中实现：

看一眼：

和

Answer 3

当前无法设置插入符号的样式，但如果您使用另一个 DOM 元素来显示输入控件值，则可以。看看如何在 HTML 输入字段中使用这个方形光标？