> On Jun 23, 2017, at 5:28 AM, Karl DeSaulniers <k...@designdrumm.com> wrote: > > @Phillippe - > I can't find the source where I found the unset now, but did find this note > on developer.mozilla which may be why the other site didn't list "none" and > why none did not work for the OP. I could be wrong.
But `-moz-appearance:none` *did* work for Bill (the OP). The thing that surprised him was a change in Firefox 54. Prior to that, setting `-moz-appearance:none` on a radio-button or checkbox would remove the native look-and-feel, but leave the border + checkmark visible (something that could not be styled). Starting with Firefox 54, setting `-moz-appearance:none` (or `unset`, it gives the same results), the border and checkmark thingie are also removed, just as it does in Webkit + Blink, allowing the stylesheet author to fully style the widget. Have a look at the test case I posted earlier in the thread: https://dev.l-c-n.com/_temp/srbc.html screenshots: Firefox 52: https://dev.l-c-n.com/_b/Firefox-52.png Firefox 54: https://dev.l-c-n.com/_b/Firefox-54.png > Source: https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance > > [ Note: If you wish to use this property on websites, you should test it very > carefully — it is non-standard, and historically its behavior has changed > from one browser to another. In older browsers even the keyword none does not > have the same behavior on each form element across different browsers, and > some do not support it at all. The differences are smaller in the newest > browsers. ] Yes there are difference between Webkit / Blink on one side and Firefox on the other for all values except one: `none` (and even then, see above…), but `unset` returns the same issues as `none`. BTW - the CSS spec only lists two possible values for the `appearance` property: auto or none, with auto meaning “it’s up to the UA”. https://drafts.csswg.org/css-ui-4/#propdef-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/
