Sometimes, we want to hide blinking cursor in input text with CSS.

In this article, we’ll look at how to hide blinking cursor in input text with CSS.

How to hide blinking cursor in input text with CSS?

To hide blinking cursor in input text with CSS, we set the caret-color property.

For instance, we write

input {
  caret-color: transparent;
}

to set the caret-color to transparent to make the blinking cursor disappear from the input.

Conclusion

To hide blinking cursor in input text with CSS, we set the caret-color property.