Ondersteuning » Overige » ik wil de kleur van input radio button veranderen in contact-form?

  • Opgelost johannes999

    (@johannes999)


    Hallo,
    ik heb geprobeerd om radio button kleur te wijzigen maar heeft mij niet gelukt.
    wanneer ik open inspecteren en hover over radio button in contact-form ik krijg deze code te zien.
    <input type="radio" id="wpforms-402-field_13_2" name="wpforms[fields][13]" value="via vriend" class="wpforms-valid" aria-invalid="false">
    of ik zie deze li code :

    <li class="choice-1 depth-1"><input typ
    e="radio" id="wpforms-402-field_13_1" name="wpforms[fields][13]" value="via google" class="wpforms-valid"><label class="wpforms-field-label-inline" for="wpforms-402-field_13_1">via google</label></li>

    ik heb alles geprobeerd maar toch niet gelukt?
    welke id of class is dat om radio button kleur te veranderen?
    dank u wel

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Ik zie nochtans na selectie van je radio button op het contactformulier een gele kleur staan, dus lijkt me wel gelukt te zijn?

    Thread starter johannes999

    (@johannes999)

    dank u wel,
    mij bedoeling is de radio buttons.
    bijv. als ik via google selecteren de selectie punt in de radio button is blauw ik wilde de kleur van deze punt veranderen in de radio button dat is mij probleem.

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Ik zie ze geel omdat MacOS bij mij zo ingesteld is, is dus ook deels afhankelijk van het toestel zelf die je site bezoekt … De makkelijkste manier zou via accent-color zijn – zie tutorial (overigens eerste Google zoekresultaat …): https://usefulangle.com/post/389/css-radio-button-color

    Succes.

    Thread starter johannes999

    (@johannes999)

    dank u wel ,
    ik zou het bestuderen.
    nu ik zoek in de wpform plug-in zelf voor bestand met css of dergelijke.

    Thread starter johannes999

    (@johannes999)

    dank u wel,
    het is gelukt met u advies.
    hier is de code:

    #wpforms-402-field_13_1 {
    	
    accent-color:#ffd978;
    
    }
    
    #wpforms-402-field_13_2 {
    	
    	accent-color:#ffd978;
    }
    #wpforms-402-field_13_3 {
    	
    accent-color:#ffd978;
    }
5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)