freddiehcc

Hi Prasant,

Thanks for this code.

It didn’t really work at first — it came up with the additional blob sort of next to the radio button, which was still blue.

I played around with the parameters in the code, and ended up with the following, which was more successful:

input[type='radio']:checked:after {
        width: 16px;
        height: 16px;
        border-radius: 15px;
        top: -15px;
        left: -1px;
        position: relative;
        background-color: white;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 6px solid #4f4f4f;
    }

But it seems strange that the solution involves creating a new image to cover up the original. Is there no way of actually changing the colour of the button itself?

Thanks very much for your help!

That’s worked perfectly, thanks so much!