Radio Button Renk Değiştirme?

<input type="radio" class="blue" >

diye bir buttonum var buna css ile erişip rengini değitirmek istiyorum fakat olmuyor.

border 1px solid blue deniyorum olmuyor color deniyorum olmuyor nasıl yapabilirim?

<input style="background:yellow;" type="radio" class="blue" >
bu şekilde yapabilirsin

inline da denedim olmuyor..

Alıntı

A radio button is a native element specific to each OS/browser. There is no way to change its color/style, unless you want to implement custom images or use a custom Javascript library which includes images

Stack de bir abimiz böyle söylemiş yani diyorki radio button her tarayıcıya özel yerel bir elementtir. Özel resim eklemezsen veya javascript kütüphaneleri kullanamzsan değiştirmenin bir yolu yoktur.

radio butona direk bir css ekleyemezsiniz hocam radio ve label olarak oluşturup. Radio butonu gizleyip label için ise bir after yada before oluşturmanız gerekmektedir. Codepende bir çok örneğine rastlayabilirsiniz.

<inputtype="radio"name="key"value="value"/>
<style>input[type='radio']:after {width: 15px;height: 15px;border-radius: 15px;top: -2px;left: -1px;position: relative;background-color: #d1d3d1;content: '';display: inline-block;visibility: visible;border: 2pxsolidwhite; }
input[type='radio']:checked:after {width: 15px;height: 15px;border-radius: 15px;top: -2px;left: -1px;position: relative;background-color: #ffa500;content: '';display: inline-block;visibility: visible;border: 2pxsolidwhite; } }</style>



BU İŞİNİ GÖRECEKTİR.