在CSS中,我們可以使用input標(biāo)簽來(lái)創(chuàng)建單選框,用于用戶(hù)在不同選項(xiàng)之間選擇。不過(guò),有時(shí)候我們需要禁用單選框,讓它們不能被選中。這時(shí)候就需要用到“不可選”(disabled)這一屬性了。
<input type="radio" name="gender" value="male" disabled> Male <input type="radio" name="gender" value="female" disabled> Female
上面的代碼中,我們使用了input標(biāo)簽來(lái)創(chuàng)建兩個(gè)單選框,分別是“Male”和“Female”。由于我們加上了disabled屬性,這兩個(gè)單選框?qū)⒉荒鼙贿x中。
我們還可以通過(guò)CSS樣式來(lái)設(shè)置單選框的不可選樣式,代碼如下:
input[type="radio"][disabled] { opacity: 0.5; /* 設(shè)置透明度為0.5 */ cursor: not-allowed; /* 設(shè)置鼠標(biāo)指針為禁止符號(hào) */ }
這里我們使用了CSS的屬性選擇器,選擇了所有帶有type為“radio”和disabled屬性的input標(biāo)簽,并設(shè)置它們的透明度為0.5和鼠標(biāo)指針為禁止符號(hào)。
總之,通過(guò)在input標(biāo)簽上添加disabled屬性,我們可以輕松地使單選框不可選。而結(jié)合CSS樣式,我們還可以美化這些無(wú)法選中的單選框,讓用戶(hù)一目了然。
上一篇css 單選框垂直居中
下一篇css 單行文本垂直居中