CSS是一種非常強大的樣式語言，它可以讓我們更輕松地控制網頁的風格和布局。其中一個很有用的功能是更改radio的選擇樣式。在這篇文章中，我們將學習如何使用CSS來更改radio的外觀。

input[type="radio"]{
opacity: 0;
position: absolute;
width: 0;
height: 0;
}
input[type="radio"] + label{
display: inline-block;
margin: 0 0.5rem;
padding: 0.5rem 1rem;
border: 1px solid #ccc;
border-radius: 50px;
}
input[type="radio"]:checked + label{
background-color: #32a854;
color: #fff;
border-color: #32a854;
}

以上代碼的第一個部分是將radio隱藏起來。這是因為在我們的CSS中，我們會對radio的后代元素-標簽進行樣式修改。第二個部分則是定義被選中和未被選中時標簽的樣式。

通過將radio和標簽結合使用，我們可以為每個選項創建自定義的樣式。當用戶單擊radio時，我們的樣式將應用于相應的標簽。這樣，我們就可以為radio控件創建更美觀、更易于使用的外觀。

總之，使用CSS來更改radio的選擇樣式是一種非常有用的技巧。通過使用這種方法，您可以輕松地為您的網站或應用程序創建自定義樣式，以匹配您的品牌或主題。