我试图用谷歌搜索它，但令人惊讶的是没有找到相关的结果......我想知道如何使用 css 来调整带有 CSS 的搜索框内的闪烁光标？我调整了搜索框的大小，但闪烁光标的大小似乎仍然是原始的小文本大小。
问问题
88194 次
6 回答
16
你不能改变插入符号的宽度（至少现在是这样）；但是您可以更改大多数现代浏览器的插入符号颜色
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%);
}
于 2017-07-19T06:04:39.950 回答
6
搜索 Caret 而不是 Cursor 会给你更多的结果。
显然，这在 textarea 中是不可能的，但通过 Javascript 在其他元素中是可能的：
看一眼：
和
于 2013-03-06T17:14:54.780 回答
3
目前无法设置插入符号的样式，但如果您使用另一个 DOM 元素来显示输入控件值，那么您可以。看看如何在 HTML 输入字段中使用这个方形光标？
于 2016-01-01T11:31:46.947 回答
2
如果大写在您的上下文中是可以的，一个简单的技巧是使用 css 属性font-variant: small-caps; 使插入符号大于文本。
另一种方法是使用输入字段替换来创建自己的插入符号，有人花时间完成了一些工作，但作者建议继续使用标准插入符号。
于 2017-05-20T10:13:00.540 回答
0
据我所知，没有直接的方法来设置插入符号的样式。相反，这里有一些有用的信息可以帮助您解决这些问题。
默认情况下，插入符号高度将采用字体高度，唯一不会的情况是，当指定行高时，它将采用此高度。
因此，如果您想修改插入符号的高度，您可以通过 font-size 或通过 line height 来完成，如果您不想更改字体大小。
于 2017-09-24T18:35:29.557 回答
-2
<style>
.input_strips {
font-family: monospace;
<!--change the font size this will change the input cursor and the text box-->
font-size: 30px;
}
</style>
于 2017-07-05T03:04:30.430 回答