Radio buttons in disabled and checked state disappear in iOS Safari

[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.

[danlucas]

... edit

Also not working in 3.0.0

[mdo]

This should be fixed as of the commit a month ago.