Removal method: 1. Add the "color:transparent;text-shadow: 0px 0px 0px #333;" style to the input element. 2. Add the "caret-color:transparent;" style to the input element.
The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.
css3 remove input cursor
##Method 1:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <input type="text" value="默认文本"/><br> <input type="text" value="去掉光标的默认文本" style="color:transparent;text-shadow: 0px 0px 0px #333;" /> </body> </html>
Method 2:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <input type="text" value="默认文本"/><br> <input type="text" value="去掉光标的默认文本" style="caret-color:transparent;" /> </body> </html>
css video tutorial)
The above is the detailed content of How to remove input cursor in css3. For more information, please follow other related articles on the PHP Chinese website!
css3 tutorial
What are the css3 gradient properties?
What to do if there is no cursor when clicking on the input box
Solution to Win7 folder properties not sharing tab page
How to dress up Douyin Xiaohuoren
Apple pay cannot add card
How to cut long pictures on Huawei mobile phones
Scope permission opening method
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
