• 11-06-2021, 12:42:15
    #1
    <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?
  • 11-06-2021, 12:43:55
    #2
    <input style="background:yellow;" type="radio" class="blue" >
    bu şekilde yapabilirsin
  • 11-06-2021, 12:47:05
    #3
    megfors adlı üyeden alıntı: mesajı görüntüle
    <input style="background:yellow;" type="radio" class="blue" >
    bu şekilde yapabilirsin
    inline da denedim olmuyor..
  • 11-06-2021, 12:51:07
    #4
    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.
  • 11-06-2021, 14:28:52
    #5
    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.
  • 12-07-2021, 21:38:02
    #6
    buddy adlı üyeden alıntı: mesajı görüntüle
    <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?
    <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.