Rumah >hujung hadapan web >tutorial css >Gunakan pemilih kelas pseudo :checked untuk menukar gaya kotak pilihan atau butang radio yang dipilih
Gunakan pemilih kelas pseudo :checked untuk menukar gaya kotak pilihan atau butang radio yang dipilih
- 王林asal
- 2023-11-20 11:48:161028semak imbas
因为文章长度有限，所以只有简短的代码示例。下面是一个例子：
假设我们有以下HTML结构：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Checked伪类选择器示例</title>
<style>
input[type="checkbox"]:checked + label {
font-weight: bold;
color: green;
}
</style>
</head>
<body>
<input type="checkbox" id="checkbox1">
<label for="checkbox1">选项1</label>
<input type="checkbox" id="checkbox2">
<label for="checkbox2">选项2</label>
</body>
</html>在上面的示例中，使用了input[type="checkbox"]:checked + label选择器，当复选框被选中时，相邻的label元素的样式将改变，变为粗体且颜色为绿色。
Atas ialah kandungan terperinci Gunakan pemilih kelas pseudo :checked untuk menukar gaya kotak pilihan atau butang radio yang dipilih. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
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