> On Jun 17, 2017, at 3:58 AM, william drescher <will...@techservsys.com> wrote: > > I have: > <!DOCTYPE html> > <style type="text/css"> > <!-- > html { > font-size: 2.2rem; > } > button, select, input, textarea { > font-size: 1rem; > } > [type="checkbox"], [type="radio"] { > -moz-appearance: none; > height: 1rem; > outline: 2px dotted red; > width: 1rem; > } > --> > </style> > > Since the most recent update of Firefox the checkboxes and radio buttons no > longer show (but the outline does) and when clicked the checkbox/radio still > don't show, but the receiving program acts as if it has received the checked > box/radio
That is kinda intended, in order to allow full styling of those widgets [1]. Your options are: * remove the -moz-appearance: none; (but I guess the result of that is not what you want) * style the widgets yourself, [type="checkbox"], [type="radio"] { -moz-appearance:none; height: 1rem; outline: 2px dotted red; width: 1rem; border: 2px solid /* <—— add */ } [type="checkbox"][checked] { position: relative} [type="checkbox"][checked]::before { content: '✓'; line-height:1; font-family: monospace; position: absolute; top:50%; left: 50%; transform: translateY(-50%) translateX(-50%); } (that gives some results in my copy of FX running on macOS) or simpler, create a background image for the checked state [1] https://bugzilla.mozilla.org/show_bug.cgi?id=605985 https://developer.mozilla.org/en-US/Firefox/Releases/54 https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance Philippe -- Philippe Wittenbergh https://l-c-n.com/ ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/