How to adjust the Caret (blinking cursor) size inside searchbar with css

Question

I tried to google it, and surprisingly found no result related... I wonder how can I use css to adjust the blinking cursor inside the search box with CSS? I adjusted the siz

Answer 1

As I know, there's no direct way to style the caret. Instead here's some useful infos that can help you hack your way through this problems.

By default the caret height will take the font height, the only time it will not, is when the line height is specified then it will take this height.

So if you want to modify the caret height you can do it through font-size or through line height if you don't want to change the font size.