Add image border when checkbox is checked.

  • geo89
    Asked on June 18, 2015 at 5:38 AM

    I would like this to happen when checking the image of the checkbox:

    Add image border when checkbox is checked Screenshot 20

     

    I have tried the following but doesn't seem to work.

    .form-radio:checked  ~  img {
        border : 3px solid #DD0021;
        display : block;
    }

    Page URL: http://form.jotformeu.com/form/51331740659354
  • ibrahim JotForm UI Developer
    Replied on June 18, 2015 at 7:11 AM

    Hi,

    Can you try this code block: 

    .form-radio:checked + label img {
      border: 4px solid #F00;
    }