Apakah kegunaan pilih dalam css3

WBOY
Lepaskan: 2022-04-28 14:07:44
asal
3359 orang telah melayarinya

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;}".

Apakah kegunaan pilih dalam css3

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

Apakah penggunaan pilih dalam css3

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;
Salin selepas log masuk

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>
Salin selepas log masuk

Hasil output:

 1.gif

(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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan