我尝试过谷歌搜索，但惊讶地发现没有相关结果... 我想知道如何使用CSS调整搜索框内闪烁光标的大小？ 我已经调整了搜索框的大小，但似乎闪烁光标的大小仍然是原始的小文本大小。
7个回答
22
目前无法更改插入符的宽度； 但是，对于绝大多数现代浏览器，您可以更改插入符的颜色。
https://developer.mozilla.org/en-US/docs/Web/CSS/caret-color
input {
caret-color: red;
caret-color: #ff0000;
caret-color: rgb(255, 0, 0);
caret-color: hsl(0, 97%, 50%);
}
- Hossein
5
搜索Caret而不是Cursor会给你更多的结果。
显然，在textarea中不可能实现，但可以通过Javascript在其他元素中实现：
看一下：
和
- Andrea Ligios
1
看起来不像是解决方案，更像是处理简单调整的复杂方式。我不会使用它们，目前我只会保持原样......然而，如果有其他人有更好的解决方案，可以将光标的大小扩展到接近搜索栏输入字段的大小，那就太感激了！ - weia design
3
如果在您的情境中大写字母是可以接受的，那么一个简单的技巧是使用CSS属性 font-variant: small-caps; ，使插入符号比文本更大。
另一种方法是创建自己的插入符号，使用输入字段替换。有人花费时间和精力实现了一些功能，但作者建议继续使用标准插入符号。
另一种方法是创建自己的插入符号，使用输入字段替换。有人花费时间和精力实现了一些功能，但作者建议继续使用标准插入符号。
- Digitonaut
2
据我所知，没有直接的方法来样式化插入符号。以下是一些有用的信息，可以帮助您解决这个问题。
默认情况下，插入符号的高度将采用字体的高度，唯一不会采用字体高度的情况是当行高被指定时，它将采用该行高度。
因此，如果您想修改插入符号的高度，可以通过修改字体大小或行高来实现，如果不想更改字体大小，则可以通过修改行高来实现。
默认情况下，插入符号的高度将采用字体的高度，唯一不会采用字体高度的情况是当行高被指定时，它将采用该行高度。
因此，如果您想修改插入符号的高度，可以通过修改字体大小或行高来实现，如果不想更改字体大小，则可以通过修改行高来实现。
- Oussama Bouthouri
0
有一种方法，你可以改变文本域的字体大小为更大或更小，插入符大小会随之改变，虽然不是最好的方法，但它是一个解决方案。
- Jaz
-4
<style>
.input_strips {
font-family: monospace;
<!--change the font size this will change the input cursor and the text box-->
font-size: 30px;
}
</style>
- Nathan Marq
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接