在沒有JavaScript 的情況下根據複選框狀態設置標籤樣式
問題:
是否可以根據對應複選框的選取狀態修改標籤的樣式,而無需求助於JavaScript?
答案:
是的,可以在 CSS 中使用相鄰同級組合器。
解釋:
利用相鄰同級組合器 ( ),您可以定位緊接著指定元素之後的元素。在本例中,我們使用它來設定與選取的複選框 (.check-with-label:checked) 相鄰的標籤 (.label-for-check) 的樣式。
範例:
在此範例中,當選取ID 為「idinput」的複選框時,其後面的「我的標籤”標籤會變得大膽。這是因為標籤滿足以下條件:
以上是我可以僅使用 CSS 根據複選框的狀態設定標籤樣式嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!