不能更改插入符号的宽度（至少目前是这样）;但是您可以更改大多数现代浏览器的插入符号颜色
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%);
}

搜索插入符号而不是光标将给予更多结果。
显然，这在文本区域是不可能的，但通过Javascript在其他元素中是可能的：
请看：
How to control cursor/caret size with CSS
How to modify the caret with css
以及
Styling text input caret

目前还没有办法对插入符号进行样式化，但是如果使用另一个DOM元素来显示输入控件值，就可以了。

如果caps在您的上下文中是可以的，一个简单的方法是使用css属性**font-variant：小型股;**使插入符号大于文本。
另一种方法是创建自己的插入符号使用输入字段替换，有人花了时间和achieved something working，但作者建议继续使用标准插入符号。

据我所知，没有直接的方法来设计插入符号，这里有一些有用的信息可以帮助你解决这个问题。
默认情况下，插入符号高度将采用字体高度，唯一不采用的情况是，当指定行高时，插入符号高度将采用此高度。
因此，如果你想修改插入符号的高度，你可以通过字体大小或通过行高，如果你不想改变字体大小。

有一种方法，你可以改变字体大小的文本区，以更大或更小，插入符号的大小将根据它的变化，这不是最好的方式，但它的一个解决方案

<style>
.input_strips {
font-family: monospace;

<!--change the font size this will change the input cursor and the text box-->
font-size: 30px; 
}
</style>