Kaedah pengalihan keluar: 1. Tambahkan gaya "color:transparent;text-shadow: 0px 0px 0px #333;" pada elemen input. 2. Tambahkan gaya "warna karet: telus;" pada elemen input.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
css3 alih keluar kursor input
Kaedah 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>
Kaedah 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>
(Mempelajari perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar kursor input dalam css3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
