Personalized customization method for typewriter input
P粉032977207
2023-08-09 15:19:14
<p>I want to hide the typewriter cursor (this blinking | mark) in the input box, is there a way to do it using CSS? </p>
<pre class="brush:php;toolbar:false;">input {
Some CSS properties to hide the typewriter cursor
}</pre>
1
376
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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; /* 隐藏闪烁的光标 */ }