change border on image radio buttons

I have to questions with the image radio buttons.

1) It has a grey border and when you select it turns blue. I dont want that border. Is there a css styling I can use to not show the border?

2) In the first image you see I have a fridge and when you select it, it turns blue.  The issue is you cant deselect the fridge.  All you can do is select another image.  So the problem is if somone accidentally selects one image they are stuck and have to pick something. 

Is there a way to get it to deselect an image so they are no stuck with one of the radio button options?

Ok I found an image checkbox button which resolves. (2)  

But still have the issue with the grey border.  The checkbox grey border actually looks bad and broken. Can I remove the border on checkboxes with a css styling or other work around?

Actually the colour used for unselected images is White. But it appears to be grey due to groove border style used. If you want you can change this style to solid and match the color of background of your JotForm. 

Please insert the code below into the widget's custom CSS code to make the changes.

li img {

border-style : solid #999;

}

You can change the color code #999 to match the background or may be removed if you want to use white. With no color added (i.e., leaving default white color), you can see the following result.

Hope this information helps. Please get back to us if you need further assistance. We will be happy to help.

Also, your feature request on assigning calculation values to image buttons is moved to a separate thread and shall be addressed there. 

http://www.jotform.com/answers/466227 

Thank you for using JotForm.