CSS中設(shè)置radio的圓圈顏色可以通過以下方式實現(xiàn):
1、使用CSS的border
屬性設(shè)置圓圈顏色,將以下CSS代碼應(yīng)用于HTML中的input[type="radio"]
元素,可以將圓圈顏色設(shè)置為紅色:
input[type="radio"] { border: 2px solid red; }
2、使用CSS的background-color
屬性設(shè)置圓圈顏色,將以下CSS代碼應(yīng)用于HTML中的input[type="radio"]
元素,可以將圓圈背景色設(shè)置為藍色:
input[type="radio"] { background-color: blue; }
3、使用CSS的appearance
屬性重置樣式,并使用border-color
屬性設(shè)置圓圈顏色,將以下CSS代碼應(yīng)用于HTML中的input[type="radio"]
元素,可以將圓圈顏色設(shè)置為綠色:
input[type="radio"] { appearance: none; border-color: green; }
代碼僅適用于支持CSS樣式的現(xiàn)代瀏覽器,在舊版瀏覽器或不支持CSS樣式的瀏覽器中,可能無法正常工作。