Styling radio buttons

  • misterpieman

    #7635

    Hello all, I have am trying to change the radio buttons in a form so that they are green, instead of the default blue. I have spent hours looking a solutions but with no joy. Can someone please advise me where I can find the CSS or the trigger for these radio buttons so I can style them?

    It must be located some where with fields and buttons too because I’ve noticed they all have this same hover-over blue.

    Please help. Many thanks david

    Mod

    Kenneth John Odle

    #38829

    AFAIK, Graphene does not style radio buttons. What you see is part of the browser’s built-in style sheet, which you can override with your own code.

    These may help:

    http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-easy-css3-checkboxes-and-radio-buttons/

    http://www.andreapinchi.it/how-to-style-radio-buttons-with-pure-css/

    If not, GIYF.

    If you get stuck, please tell us which things you have already tried, so we can give you more specific advice without suggesting something you’ve already tried.

    misterpieman

    #38830

    Thanks Kenneth,

    I like the solutions you have provided and I cannot wait to check them out but one silly question, where do I put the HTML?

    Mod

    Kenneth John Odle

    #38831

    They were just using that HTML as an example. You would base your CSS on the HTML that is being generated for your site.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.