Radio buttons in disabled and checked state disappear in iOS Safari

Created by: danlucas

Whenever a radio button is in a disabled and checked state, you can only see the tick and not the background of the radio button.

Check out this jsfiddle http://jsfiddle.net/GkYN9/ on an iPad or iPhone in Safari (fullscreen results: http://jsfiddle.net/GkYN9/embedded/result/).

The styles that affect this are in https://github.com/twitter/bootstrap/blob/master/less/forms.less starting at line 336.

// Explicitly reset the colors here input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; }

You can override that but you have to be careful, because while desktop safari, chrome, and firefox doesn't seem to be affected by that rule, IE does.