Personalized customization method for typewriter input

Question

I want to hide the typewriter cursor (this blinking | mark) in the input box, is there a way to do it using CSS?

input {
   Some CSS properties to hide the typewriter cursor
}

Answer 1

You can achieve this by using. Just be sure to adjust the input field's other style properties as needed to ensure it looks the way you expect without a visible cursor.

input {
   caret-color: transparent; /* 隐藏闪烁的光标 */
     }