首頁 > web前端 > css教學 > 如何在沒有 JavaScript 的情況下設定選取複選框標籤的樣式?

如何在沒有 JavaScript 的情況下設定選取複選框標籤的樣式?

Linda Hamilton
發布: 2024-11-26 13:25:11
原創
986 人瀏覽過

How Can I Style Checked Checkbox Labels Without JavaScript?

在沒有JavaScript 的情況下突出顯示選中復選框的標籤

當關聯的複選框被選中時,您是否可以使用其他方法修改標籤的外觀JavaScript?

解決方案:

利用CSS 中的相鄰兄弟組合器:

.check-with-label:checked + .label-for-check {
  font-weight: bold;
}
登入後複製

此程式碼可讓您反白與勾選的複選框關聯的標籤。以下是利用此方法的 HTML 標籤範例:

<div>
  <input type="checkbox" class="check-with-label">
登入後複製

以上是如何在沒有 JavaScript 的情況下設定選取複選框標籤的樣式?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板