當一個按鈕被點擊改變CSS沒有JavaScript？

Question

當一個按鈕被點擊改變CSS沒有JavaScript？

我相信你可以做一個按鈕而不是做一個複選框嗎？

謝謝

Answer 1

這就是所謂的 「checkbox hack」。您可以使用checkbox或radio，然後使用CSS中的:checked僞類，使用+或~兄弟選擇器來定位頁面上的其他元素。這是一個例子。什麼

input { 
 
    display: none; 
 
} 
 

 
label { 
 
    color: #09c; 
 
    cursor: pointer; 
 
} 
 

 
input:checked ~ div { 
 
    color: green; 
 
} 
 

 
input:checked + div { 
 
    color: red; 
 
}

<label for="checkbox">click</label> 
 
<input type="checkbox" id="checkbox"> 
 

 
<div>adjacent element</div> 
 

 
<div>general sibling</div> 
 
<div>general sibling</div> 
 
<div>general sibling</div>