css 设置input 光标粗细

在 CSS 中可以使用 "caret-color" 属性来设置 input 光标的颜色。如果要设置光标粗细，可以使用 "border" 属性来实现。

例如：

input {
    caret-color: red;
    border: 2px solid blue;
}

这样设置后,光标的颜色是红色，粗细是 2px，边框颜色是蓝色。

注意:

- 浏览器的兼容性不同，可能需要使用前缀来兼容低版本浏览器.
- 如果你想让输入框本身也有边框，可以使用box-sizing: border-box;来实现
- 如果你想改变光标的形状，可以使用cursor属性来实现。

相关问题

input输入框的光标粗细用CSS怎么设置

可以使用 CSS 的 `caret-color` 属性来设置输入框光标的颜色。例如：

input {
  caret-color: red;
}

如果要设置光标粗细,可以使用 border-bottom 属性。例如:

input {
  border-bottom: 2px solid red;
}

注意：
- `caret-color` 属性仅在某些浏览器上受支持。
- `border-bottom` 属性会影响到所有的输入框，如果需要单独设置某一个输入框，需要给该输入框设置类名或者ID。

HTML中input怎么调光标大小粗细

您可以使用CSS中的属性：font-size、font-weight和text-align来调整输入框中的光标大小、粗细和对齐方式。例如，可以使用以下代码来设置输入框的光标大小、粗细和左对齐方式：

<input type="text" style="font-size: 16px; font-weight: bold; text-align: left;">