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!
tutorial css3
Apakah sifat kecerunan css3?
Apa yang perlu dilakukan jika tiada kursor apabila mengklik pada kotak input
Penyelesaian kepada sifat folder Win7 tidak berkongsi halaman tab
Bagaimana untuk berpakaian Douyin Xiaohuoren
Apple pay tidak boleh menambah kad
Bagaimana untuk memotong gambar panjang pada telefon bimbit Huawei
Kaedah pembukaan kebenaran skop
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
