Dalam CSS3, pilih digunakan untuk menentukan sama ada teks elemen boleh dipilih dalam atribut "pilih-pengguna" atribut ini boleh menghalang kelakuan mengklik dua kali teks yang dipilih dalam penyemak imbas , atribut ini dibenarkan Untuk memilih teks elemen, sintaks ialah "elemen {user-select: attribute value;}".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Atribut pilihan pengguna menentukan sama ada teks elemen boleh dipilih.
Dalam penyemak imbas web, jika anda mengklik dua kali pada teks, teks akan dipilih atau diserlahkan. Sifat ini digunakan untuk menghalang tingkah laku ini.
Nilai lalai: auto
Sintaks ialah:
user-select: auto|none|text|all;
Nilai atribut mewakili hasil seperti berikut:
lalai automatik. Teks boleh dipilih jika penyemak imbas membenarkannya.
tiada yang menghalang pemilihan teks.
teks Teks boleh dipilih oleh pengguna.
semua Klik untuk memilih teks dan bukannya mengklik dua kali.
Contohnya adalah seperti berikut:
<!DOCTYPE html> <html> <head> <style> div { -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ } </style> </head> <body> <h1>user-select 属性</h1> <div>The text of this div element cannot be selected. If you double-click me, my text will not be highlighted.</div> </body> </html>
Hasil output:
(Perkongsian video pembelajaran: tutorial video css)
Atas ialah kandungan terperinci Apakah kegunaan pilih dalam css3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!