Bagaimana untuk menyembunyikan kursor dalam input css

Dalam CSS, anda boleh menggunakan atribut warna karet untuk menetapkan warna kursor dalam input menjadi telus, dengan itu mencapai kesan menyembunyikan kursor Sintaksnya ialah "input{caret-color. telus;}".

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Saya menghadapi keperluan dalam projek untuk menyembunyikan kursor kotak input, tetapi juga mempunyai fungsi input Bagaimana untuk melakukan ini?

Ia sebenarnya sangat mudah Anda hanya perlu menggunakan atribut warna karet untuk menetapkan warna kursor dalam input kepada telus.

<input type="text" />

input{
	caret-color:transparent;
}

Penerangan:

Atribut warna karet menentukan warna kursor (karet) dalam input, kawasan teks atau mana-mana elemen boleh diedit.

Sintaks:

caret-color: auto|color;

• auto: Lalai. Pelayar menggunakan currentColor untuk karet.

• warna: Menentukan warna yang digunakan untuk memasukkan simbol. Semua nilai warna undang-undang boleh digunakan (rgb, hex, warna bernama, dll.).

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk menyembunyikan kursor dalam input css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!