Apakah maksud fokus dalam gaya css?

WBOY
Lepaskan: 2021-12-14 15:04:34
asal
8227 orang telah melayarinya

Dalam CSS, fokus bermaksud "fokus" dan merupakan pemilih kelas pseudo, yang digunakan untuk memilih elemen yang mempunyai fokus pemilih ":focus" boleh digunakan untuk menetapkan gaya untuk elemen itu mempunyai fokus. Sintaksnya ialah "elemen:fokus{kod gaya css;}".

Apakah maksud fokus dalam gaya css?

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

Apakah maksud fokus dalam gaya css

Dalam css, fokus bermaksud fokus, yang biasanya bermaksud pemilihan ":focus" The "? :focus" pemilih digunakan untuk memilih elemen fokus. Pemilih :fokus dibenarkan pada elemen yang menerima acara papan kekunci atau input pengguna lain.

Contoh adalah seperti berikut:

<html>
<head>
<style>
input:focus
{
background-color:yellow;
}
</style>
</head>
<body>
<p>在文本框中点击,您会看到黄色的背景:</p>
<form>
First name: <input type="text" name="firstname" /><br>
Last name: <input type="text" name="lastname" />
</form>
<p><b>注释:</b>如果 :focus 用于 IE8 ,则必须声明 <!DOCTYPE>。</p>
</body>
</html>
Salin selepas log masuk

Hasil keluaran:

 3.gif

(Belajar perkongsian video: tutorial video css )

Atas ialah kandungan terperinci Apakah maksud fokus dalam gaya css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
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
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!